/* Every chapter exists in normal document flow; sticky imagery is an enhancement. */
.scroll-walkthrough.product-stage{transform:none!important;animation:none!important}
.scroll-index a{transition:color .2s,border-color .2s}.scroll-index a[aria-current="step"]{color:var(--accent)}
.walkthrough-nav{position:sticky;top:86px;z-index:35;display:flex;gap:28px;justify-content:space-between;overflow-x:auto;overscroll-behavior-x:contain;border-bottom:1px solid var(--line);background:var(--bg);scrollbar-width:thin}
.walkthrough-nav a{padding:18px 0;font-size:15px;white-space:nowrap;border-bottom:2px solid transparent;min-height:58px;display:block}.walkthrough-nav a[aria-current="step"]{border-bottom-color:var(--accent)}.walkthrough-nav a span{font-size:12px;margin-right:9px;color:var(--muted)}
.walkthrough-hint{font-size:12px;letter-spacing:.04em;margin:16px 0 30px;color:var(--muted)}.walkthrough-hint span{display:inline-block;margin-left:8px;color:var(--accent)}
.scroll-walkthrough .product-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:40px;align-items:start;margin:0;padding:48px 0 65px;border-bottom:1px solid var(--line);scroll-margin-top:55px;animation:none}
.scroll-walkthrough .product-panel:last-child{border-bottom:0}.scroll-walkthrough .walkthrough-copy{min-width:0}.walkthrough-kicker{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 20px}
.scroll-walkthrough .annotation-title{font-size:30px;margin-top:0;line-height:1.12}.scroll-walkthrough .screen{margin:0}.walkthrough-visual{display:none}
.walkthrough-enhanced .walkthrough-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:42px;align-items:start}
.walkthrough-enhanced .walkthrough-visual{display:block;position:sticky;top:170px;width:min(100%,calc((100svh - 210px)*1.44));aspect-ratio:1440/1000;justify-self:center;pointer-events:none}
.walkthrough-enhanced .walkthrough-visual .screen{position:absolute;inset:0;opacity:0;transform:translateY(15px) scale(.98);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}
.walkthrough-enhanced .walkthrough-visual .screen.is-current{opacity:1;transform:none;z-index:1}
.walkthrough-enhanced .walkthrough-steps .screen{display:none}.walkthrough-enhanced .product-panel{display:block;min-height:max(75svh,570px);padding:20px 0 100px;border-bottom:0;scroll-margin-top:55px}
.walkthrough-enhanced .walkthrough-copy{border-top:1px solid var(--line);padding-top:25px;transition:border-color .3s}.walkthrough-enhanced .product-panel.is-current .walkthrough-copy{border-color:var(--accent)}
.walkthrough-enhanced .product-panel:last-child{min-height:75svh;padding-bottom:50px}
.scenario-reading{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;align-items:start}
.scenario-index{position:sticky;top:135px;display:grid;gap:0}.scenario-index a{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:17px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.35;color:var(--muted)}.scenario-index a span{font-size:11px;padding-top:3px}.scenario-index a[aria-current="step"]{border-top-color:var(--accent);color:var(--accent)}
.scenario-series{min-width:0}.scenario-series .scenario{border-top:1px solid var(--line);border-bottom:0;padding:35px 0 65px;min-height:70svh;scroll-margin-top:20px}.scenario-series .scenario.is-current{border-top-color:var(--accent)}
.scenario-title{display:grid;grid-template-columns:32px 1fr;gap:15px;align-items:start;margin-bottom:32px}.scenario-title .num{color:var(--accent);font-size:12px;margin-top:9px}.scenario-title h3{font-size:clamp(29px,2.8vw,40px);line-height:1.1}
.scenario-series .scenario-content{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;padding:0}.scenario-series .story{font-size:20px}.scenario-series .risk{font-size:17px}.scenario-series .scenario-outcomes p{font-size:17px}.scenario-series .scenario-note{font-size:13px!important}
@media(max-width:1000px){.scenario-reading{grid-template-columns:190px minmax(0,1fr);gap:35px}.scenario-series .scenario-content{grid-template-columns:1fr}.scenario-series .scenario-outcomes{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.scroll-walkthrough .product-panel{grid-template-columns:1fr}.scroll-walkthrough .annotations{grid-template-columns:repeat(3,1fr)}.scroll-walkthrough .annotations li{display:block}.scroll-walkthrough .annotations b{margin-bottom:10px}}
@media(max-width:700px){.walkthrough-nav{top:78px;gap:25px;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad)}.walkthrough-nav a{font-size:13px;padding-block:15px;min-height:52px}.walkthrough-nav a span{font-size:10px;margin-right:6px}.walkthrough-hint{font-size:12px;margin-bottom:12px}.scroll-walkthrough .product-panel{padding-block:30px 45px;gap:28px}.scroll-walkthrough .annotation-title{font-size:28px}.scroll-walkthrough .annotations{grid-template-columns:1fr}.scroll-walkthrough .annotations li{display:grid;grid-template-columns:26px 1fr;gap:10px}.scroll-walkthrough .annotations p{font-size:15px}.scenario-reading{display:block}.scenario-index{top:78px;z-index:30;display:flex;overflow-x:auto;gap:24px;background:var(--bg);margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);border-bottom:1px solid var(--line);scrollbar-width:thin}.scenario-index a{display:flex;align-items:center;white-space:nowrap;gap:8px;font-size:13px;padding:17px 0;border-top:0;border-bottom:2px solid transparent;min-height:55px}.scenario-index a[aria-current="step"]{border-bottom-color:var(--accent)}.scenario-index a span{font-size:10px;padding:0}.scenario-series .scenario{padding-block:35px 48px;min-height:0;scroll-margin-top:55px}.scenario-title{gap:10px;grid-template-columns:25px 1fr}.scenario-title h3{font-size:29px}.scenario-series .scenario-content{gap:25px}}
@media(prefers-reduced-motion:reduce){.walkthrough-visual .screen,.scroll-index a,.walkthrough-copy{transition:none!important}.scroll-walkthrough .product-panel{animation:none!important}}
/* Sticky chapters must use the page as their scroll container. */
.product-section:has([data-walkthrough]){overflow:visible}
.walkthrough-visual .screen{overflow:hidden;border:1px solid #4d5742;border-radius:5px;background:var(--light)}

.personal-walkthrough.walkthrough-enhanced .walkthrough-visual{aspect-ratio:3024/1900;width:min(100%,calc((100svh - 210px)*1.59))}
.scroll-walkthrough .annotation-title{font-size:36px;letter-spacing:normal;font-weight:400}
.scenario-title h3{font-weight:400;letter-spacing:normal}
@media(max-width:700px){.scroll-walkthrough .annotation-title{font-size:34px}.scenario-title h3{font-size:34px}}