.guide-hero{background:radial-gradient(900px 400px at 85% -10%, #c9a22738, transparent 60%), radial-gradient(700px 500px at -10% 120%, #27497a8c, transparent 60%), var(--color-navy-950);color:#fff;position:relative;overflow:hidden}.guide-hero h1,.guide-hero h2{color:#fff}.guide-flightpath{pointer-events:none;opacity:.5;position:absolute;inset:0}.guide-flightpath path{stroke-dasharray:6 10;animation:30s linear infinite guide-dash}@keyframes guide-dash{to{stroke-dashoffset:-480px}}@media (prefers-reduced-motion:reduce){.guide-flightpath path{animation:none}}.guide-chapter-number{font-family:var(--font-display);color:#ffffff12;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,18vw,12rem);line-height:.8;position:absolute;bottom:-.5rem;right:1rem}.guide-waypoint{border:2px solid var(--line);background:var(--surface);border-radius:999px;flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;display:inline-grid}.guide-waypoint.is-done{border-color:var(--accent);background:var(--accent);color:var(--color-navy-950)}.guide-route{position:relative}.guide-route:before{content:"";border-left:2px dashed var(--line);position:absolute;top:.75rem;bottom:.75rem;left:calc(.625rem - 1px)}.guide-prose{color:var(--fg);font-size:1.075rem;line-height:1.75}.guide-prose>*+*{margin-top:1.1em}.guide-prose h3{margin-top:2em;font-size:1.35rem;line-height:1.3}.guide-prose h4{font-size:1.1rem;font-family:var(--font-sans);margin-top:1.6em;font-weight:700}.guide-prose a{color:var(--color-navy-600);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (prefers-color-scheme:dark){.guide-prose a{color:var(--color-gold-400)}}.guide-prose strong{font-weight:650}.guide-prose ul,.guide-prose ol{padding-left:1.4em}.guide-prose ul{list-style:outside}.guide-prose ol{list-style:decimal}.guide-prose li{margin:.35em 0;padding-left:.2em}.guide-prose li::marker{color:var(--accent-strong)}.guide-prose code{background:var(--surface-2);border-radius:4px;padding:.1em .35em;font-size:.85em}.guide-prose pre{background:var(--surface-2);border:1px solid var(--line);white-space:pre-wrap;border-radius:12px;padding:1rem 1.2rem;font-size:.85rem;line-height:1.6}.guide-prose pre code{background:0 0;padding:0}.guide-prose li.guide-check{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:flex-start;gap:.7rem;margin-left:-1.4em;padding:.55rem .8rem;list-style:none;transition:background .2s,border-color .2s;display:flex}.guide-prose li.guide-check+li.guide-check{margin-top:.45rem}.guide-prose li.guide-check input{width:1.1rem;height:1.1rem;accent-color:var(--color-gold-600);cursor:pointer;flex-shrink:0;margin-top:.4rem}.guide-prose li.guide-check.is-checked{background:var(--color-gold-100);border-color:var(--accent)}@media (prefers-color-scheme:dark){.guide-prose li.guide-check.is-checked{background:#c9a2271f}}.guide-prose li.guide-check.is-checked{-webkit-text-decoration:line-through #5b667899;text-decoration:line-through #5b667899}.guide-callout{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:1rem 1.2rem 1rem 3.2rem;position:relative}.guide-callout>*+*{margin-top:.5em}.guide-callout:before{width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:800;font-family:var(--font-sans);border-radius:999px;place-items:center;display:grid;position:absolute;top:1rem;left:1rem}.guide-callout-tip{background:#eef7f1;border-color:#bfe0cb}.guide-callout-tip:before{content:"✓";color:#fff;background:#1f8a4c}.guide-callout-warn{background:#fdf3e7;border-color:#f2cf9f}.guide-callout-warn:before{content:"!";color:#fff;background:#c26a0a}.guide-callout-ask{background:var(--color-navy-50);border-color:var(--color-navy-100)}.guide-callout-ask:before{content:"?";background:var(--color-navy-700);color:#fff}.guide-callout-example,.guide-callout-note{background:var(--color-gold-100);border-color:#ead9a0}.guide-callout-example:before,.guide-callout-note:before{content:"i";background:var(--color-gold-600);color:#fff}@media (prefers-color-scheme:dark){.guide-callout-tip{background:#1f8a4c1f;border-color:#1f8a4c66}.guide-callout-warn{background:#c26a0a1f;border-color:#c26a0a66}.guide-callout-ask{background:#27497a40;border-color:#27497a99}.guide-callout-example,.guide-callout-note{background:#c9a2271a;border-color:#c9a22759}}.guide-table{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow-x:auto}.guide-table table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.5}.guide-table th{text-align:left;background:var(--color-navy-900);color:#fff;white-space:nowrap;padding:.65rem .8rem;font-weight:600}.guide-table td{border-top:1px solid var(--line);vertical-align:top;min-width:8rem;padding:.65rem .8rem}.guide-table tr:nth-child(2n) td{background:var(--surface-2)}.guide-tool{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;margin:2rem 0;padding:1.25rem;font-size:1rem;line-height:1.5}@media (min-width:640px){.guide-tool{padding:1.75rem}}.guide-tool .guide-table td{min-width:0}.guide-option{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem .9rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.guide-option.is-idle:hover{border-color:var(--accent);transform:translate(2px)}.guide-option.is-right{background:#eef7f1;border-color:#1f8a4c}.guide-option.is-wrong{background:#fdeeee;border-color:#c0392b}.guide-option.is-dim{opacity:.55}@media (prefers-color-scheme:dark){.guide-option.is-right{background:#1f8a4c26}.guide-option.is-wrong{background:#c0392b26}}.guide-option-letter{background:var(--surface-2);border-radius:999px;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:700;display:grid}.guide-locked{max-height:11rem;position:relative;overflow:hidden}.guide-locked:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg) 85%);position:absolute;inset:0}@media print{header,footer,.guide-chrome{display:none!important}.guide-prose{font-size:11pt}}
