@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap');
:root { --ink:#000; --text:#F5F5F7; --muted:#8E8E93; --line:#2C2C2E; --glow:#ECCC98; --panel:#111113; }
* { box-sizing: border-box; }
body { margin:0; background:var(--ink); color:var(--text); font-family:Geist,ui-sans-serif,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
.heading-serif { font-weight:600; letter-spacing:-0.03em; }
.guide-shell { width:min(42rem, calc(100% - 2.5rem)); margin:0 auto; padding:3.5rem 0 5rem; }
.guide-content h2 { font-size:1.05rem; font-weight:600; margin:2rem 0 .6rem; color:var(--text); }
.guide-content h3 { font-size:.95rem; font-weight:600; margin:1.2rem 0 .4rem; color:var(--text); }
.guide-content p, .guide-content li { color:var(--muted); line-height:1.65; }
.guide-content ul, .guide-content ol { margin:.7rem 0; padding-left:1.2rem; }
.guide-content a { color:var(--glow); }
.no-print a, .no-print button { color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:999px; padding:.4rem .9rem; font-size:.8rem; cursor:pointer; text-decoration:none; }
.no-print a:hover, .no-print button:hover { color:var(--text); }
@media print {
  body { background:#fff; color:#111; }
  .guide-content p, .guide-content li { color:#222; }
  .no-print { display:none !important; }
}