:root{--canvas:#031f49;--deep:#08172c;--surface:#102d52;--line:#284366;--ink:#f0f6ff;--body:#c8d5e8;--muted:#a5b7cf;--accent:#22c55e;--accent-ink:#062411;--focus:#91caff;--font-body:Inter,system-ui,sans-serif;--font-heading:Poppins,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--body);font:400 15px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,p{margin:0}h1,h2{text-wrap:balance;color:var(--ink);font-family:var(--font-heading)}p{text-wrap:pretty}.shell{width:min(1320px,calc(100% - 80px));margin-inline:auto}header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:var(--canvas)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-family:var(--font-heading);font-size:20px;font-weight:600}.brand img{object-fit:contain}.brand small{display:block;font:400 11px var(--font-body);color:var(--muted)}nav{display:flex;gap:28px;align-items:center}nav>a:not(.button){font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:12px 22px;border-radius:6px;font-weight:600}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{filter:brightness(1.1)}.secondary{border:1px solid var(--line);color:var(--ink)}.intro{padding:64px 0 34px}.eyebrow{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}h1{font-size:clamp(32px,4vw,54px);line-height:1.18;letter-spacing:-.04em;font-weight:600}h1 span{color:var(--muted)}.lead{max-width:660px;font-size:16px;margin-top:20px;line-height:1.8}.watch{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.player-column{min-width:0}.player-frame{aspect-ratio:16/9;min-height:200px;position:relative;border-radius:10px;overflow:hidden;background:var(--deep)}.player-frame iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.poster{padding:0;border:0;display:block;width:100%;height:100%;position:absolute;inset:0;color:var(--ink);text-align:left;background:var(--deep)}.poster>img{width:100%;height:100%;object-fit:cover;display:block}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--deep),transparent 75%)}.poster-label{position:absolute;left:28px;right:24px;bottom:28px;display:flex;align-items:center;gap:16px;font-size:19px;font-weight:600}.poster-label small{font-size:13px;font-weight:400;display:block;color:var(--body);margin-top:4px}.play-icon{width:52px;height:52px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;border-radius:50%;font-size:18px;padding-left:3px;flex-shrink:0}.video-details{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;font-size:12px;color:var(--muted)}.text-button{border:0;background:none;color:var(--ink);min-height:44px;padding:0 4px;font-size:12px;white-space:nowrap}.status{font-size:12px;margin:2px 0 4px;color:var(--muted);min-height:20px}#youtube-fallback{font-size:12px;text-decoration:underline;text-underline-offset:4px}.chapter-heading{margin:0 0 16px}.chapter-heading h2{font-size:18px;font-weight:600}.chapter-heading>span{font-size:12px;color:var(--muted)}.chapters ol{list-style:none;margin:0;padding:0;max-height:475px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.chapter{border:0;background:transparent;color:var(--body);display:flex;text-align:left;align-items:center;gap:12px;width:100%;min-height:46px;padding:9px 12px;font-size:13px;border-radius:5px}.chapter time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.chapter:hover{background:var(--surface)}.chapter[aria-current=true]{background:var(--surface);color:var(--ink);box-shadow:inset 3px 0 var(--accent)}.closing{margin-top:64px;padding:38px 0;display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line)}.closing h2{font-size:28px;font-weight:600;letter-spacing:-.03em}.closing p:not(.eyebrow){max-width:620px;margin-top:12px;font-size:14px}.closing-actions{display:flex;flex-direction:column;gap:10px;justify-content:center;flex-shrink:0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 32px;font-size:12px;color:var(--muted)}footer>div{display:flex;gap:24px}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:var(--deep);padding:12px;z-index:20}.skip:focus{top:12px}@media(max-width:1050px){.shell{width:calc(100% - 48px)}.watch{grid-template-columns:1fr}.chapters ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.chapter-heading{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.intro{padding-top:44px}}@media(max-width:600px){.shell{width:calc(100% - 36px)}.header-inner{min-height:76px;gap:12px}.brand{font-size:17px;gap:8px}.brand img{width:36px;height:36px}nav{gap:0}nav>a:not(.button){display:none}nav .button{font-size:12px;padding:10px 12px;gap:10px;min-height:44px}.intro{padding:36px 0 26px}.eyebrow{font-size:10px;letter-spacing:.07em}h1{font-size:33px}.lead{font-size:14px;margin-top:16px}.watch{gap:20px}.player-frame{border-radius:6px}.poster-label{left:16px;bottom:16px;gap:12px;font-size:15px}.poster-label small{font-size:11px}.play-icon{width:44px;height:44px;font-size:16px}.video-details{flex-wrap:wrap;gap:0;padding-top:10px}.chapter{font-size:12px;gap:8px;padding:8px 9px}.chapter time{font-size:10px}.closing{flex-direction:column;gap:24px;margin-top:36px;padding:28px 0}.closing h2{font-size:25px}.closing-actions{flex-direction:row;flex-wrap:wrap}.closing-actions .button{font-size:13px;gap:14px;flex:1}footer{flex-direction:column;gap:12px}footer>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Scroll normally without a visible scrollbar. */
*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}.chapters ol{scrollbar-width:none}
html{scroll-padding-top:100px}.chapter{scroll-margin-top:100px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:600px){header{position:fixed;top:0;left:0;right:0;z-index:10}body{padding-top:76px}}
