.walkthrough-shell .nf-header{width:min(100%,92rem)}
.walkthrough-page{width:min(100%,92rem);margin:0 auto;padding:1rem clamp(1rem,3vw,2rem) 5rem;min-width:0}
.eyebrow{margin:0;color:var(--accent-strong);font-size:.8rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.walkthrough-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0 1.5rem}
.walkthrough-close{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;color:var(--ink);font-weight:700;text-decoration:none}
.walkthrough-close span{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:1.4rem}
.walkthrough-intro{display:grid;gap:1.6rem;padding:clamp(1.5rem,4vw,4.5rem);border-radius:1.75rem;color:#edf9f9;background:radial-gradient(circle at 100% 0,#166c7d 0,transparent 36%),#082e38}
.walkthrough-intro h1{max-width:12ch;margin:.75rem 0 1.5rem;font-size:clamp(2.5rem,5vw,5.25rem);letter-spacing:-.055em;line-height:1.04}
.walkthrough-intro p{max-width:49rem;margin:0;font-size:clamp(1rem,1.4vw,1.2rem)}
.walkthrough-intro .walkthrough-kicker{color:#a7dde1;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.walkthrough-kicker span{padding:0 .3rem}
.walkthrough-intro .walkthrough-question{margin-bottom:.7rem;font-size:1.2rem;font-weight:800}
.walkthrough-byline{display:flex;flex-wrap:wrap;gap:.3rem 1rem;padding-top:1rem;border-top:1px solid #ffffff40;color:#c7e6e8;font-size:.88rem}
.walkthrough-byline span{color:#fff;font-weight:800}
.walkthrough-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;min-width:0;margin-top:3rem}
.walkthrough-rail{align-self:start;min-width:0;padding:1.25rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--surface)}
.walkthrough-rail ol,.walkthrough-choices ol{margin:1rem 0;padding:0;list-style:none}
.walkthrough-rail a{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:.65rem .8rem;border-radius:.75rem;color:var(--ink);font-weight:700;text-decoration:none}
.walkthrough-rail a:hover,.walkthrough-rail a[aria-current=step]{background:var(--accent-soft);color:var(--accent-strong)}
.walkthrough-rail a span{color:var(--accent-strong);font-size:.8rem;font-weight:900;letter-spacing:.08em}
.walkthrough-rail-note{margin:1.5rem .8rem 0;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}
.walkthrough-story{min-width:0}
.walkthrough-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem;color:var(--accent-strong);font-size:.88rem;font-weight:800}
.walkthrough-progress-line{display:block;flex:1;height:.35rem;overflow:hidden;border-radius:1rem;background:var(--accent-soft)}
.walkthrough-progress-line>span{display:block;width:16.66%;height:100%;border-radius:inherit;background:var(--accent);transition:width 300ms ease}
.walkthrough-step{display:grid;gap:1.5rem;margin:0 0 1.5rem;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--line);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:6rem}
.walkthrough-step[aria-current=step]{border-color:var(--accent)}
.walkthrough-step h2{max-width:16ch;margin:.4rem 0 1.25rem;font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.045em;line-height:1.08}
.walkthrough-step ul{display:grid;gap:.9rem;margin:0 0 1.5rem;padding-inline-start:1.4rem}
.walkthrough-step li{padding-inline-start:.2rem}
.walkthrough-step li::marker{color:var(--accent)}
.walkthrough-action,.walkthrough-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.9rem;padding:.7rem 1.1rem;background:var(--accent);color:var(--button-ink);font:inherit;font-weight:800;text-decoration:none}
.walkthrough-action:hover,.walkthrough-button:hover{background:var(--accent-strong)}
.walkthrough-button-secondary{border:1px solid var(--line);background:var(--surface);color:var(--accent-strong)}
.walkthrough-button-secondary:hover{background:var(--accent-soft)}
.walkthrough-button:disabled{opacity:.55;cursor:not-allowed}
.walkthrough-controls{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 0}
.walkthrough-choices{margin-bottom:2rem;padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
.walkthrough-choices p{margin:0;font-weight:800}
.walkthrough-choices ol{display:grid;gap:.3rem}
.walkthrough-choices a{display:block;padding:.55rem .7rem;border-radius:.6rem;color:var(--accent-strong)}
.walkthrough-choices a:hover{background:var(--accent-soft)}
[hidden]{display:none!important}
@media(min-width:780px){.walkthrough-layout{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr)}.walkthrough-rail{position:sticky;top:2rem}}
@media(max-width:779px){.walkthrough-layout{gap:1.2rem;margin-top:1.5rem}.walkthrough-rail{padding:.8rem}.walkthrough-rail .eyebrow,.walkthrough-rail-note{display:none}.walkthrough-rail ol{display:flex;gap:.25rem;overflow-x:auto;margin:0;scroll-snap-type:x mandatory}.walkthrough-rail li{flex:0 0 auto;scroll-snap-align:start}.walkthrough-rail a{min-height:44px;white-space:nowrap}.walkthrough-controls{position:sticky;bottom:0;z-index:8;flex-wrap:nowrap;margin:0 -.5rem;padding:.7rem .5rem;border-top:1px solid var(--line);background:var(--surface)}.walkthrough-controls .walkthrough-button{flex:1;min-width:0;padding:.5rem .4rem;font-size:.82rem}}
@media(max-width:374px){.walkthrough-intro{padding:1.2rem}.walkthrough-intro h1{font-size:2.35rem}.walkthrough-close{font-size:.8rem}.walkthrough-controls{gap:.3rem}.walkthrough-controls .walkthrough-button{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.walkthrough-progress-line>span{transition:none}}