:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192e32;background:#f3f5f1;line-height:1.55;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}
header{padding:2rem max(1.2rem,5vw);background:#153b35;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem}
h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;line-height:1.1;margin:.5rem 0}header p{margin:.6rem 0 0;color:#ccded4}.eyebrow{font-size:.67rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
h2{font-size:1.5rem;line-height:1.25;margin:.65rem 0;letter-spacing:-.025em}h3{line-height:1.3;margin:.4rem 0}
.intro{max-width:1460px;margin:auto;padding:1.5rem 1.4rem .2rem}.intro strong{font-size:1.2rem}.intro p{max-width:900px;color:#50635e;margin:.4rem 0}.intro>span{font-size:.8rem;color:#50635e}
main{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);grid-template-areas:"menu viewer" "menu lessons";gap:1.3rem;max-width:1460px;margin:1.3rem auto;padding:0 1.4rem}
.viewer,.browser,.course-menu{background:#fff;border:1px solid #dce4dc;border-radius:15px;padding:1.5rem;min-width:0}.viewer{grid-area:viewer}.browser{grid-area:lessons}.course-menu{grid-area:menu;align-self:start;position:sticky;top:1rem;padding:1.1rem}.course-menu>p{font-size:.85rem;color:#52645e}
#stages{max-height:72vh;overflow:auto;padding:3px}.stage{background:#f8faf7;border:1px solid #e0e6df;border-radius:9px;padding:.9rem;display:block;width:100%;text-align:left;cursor:pointer;margin:.55rem 0;color:inherit}.stage span,.stage strong{display:block}.stage strong{font-size:.95rem}.stage .eyebrow{color:#5d6d64;font-size:.6rem;margin-bottom:.25rem}.stage-description{font-size:.76rem;color:#53665d;margin:.45rem 0}.stage:hover,.stage[aria-current=true]{background:#eaf2e7;border-color:#6c8f68}.stage[aria-current=true]{box-shadow:inset 3px 0 #285947}
.stage-title{color:#3e6b50;font-weight:650;margin:.7rem 0 0}#title{font-size:clamp(1.4rem,2.5vw,2rem);overflow-wrap:anywhere}#description{max-width:850px;color:#40584e}video{display:block;width:100%;aspect-ratio:16/9;max-height:65vh;background:#10231c;border-radius:10px;margin-top:1.25rem}
button,input,select{font:inherit}button{min-height:44px}button:disabled{opacity:.45;cursor:default}input,select{width:100%;min-height:46px;border:1px solid #a9b9ae;border-radius:7px;background:#fff;color:inherit;padding:.6rem;min-width:0}label{display:block;font-size:.8rem;font-weight:650;margin-bottom:.3rem}.filters{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}
.primary,.secondary{border-radius:8px;padding:.6rem 1rem;cursor:pointer;font-weight:650}.primary{background:#d7f275;color:#203222;border:1px solid #b1ce57}.secondary{background:#f0f5ee;color:#224d3b;border:1px solid #a5b8a3}.playback-nav{display:flex;gap:.7rem;align-items:center;justify-content:space-between;margin:1rem 0;flex-wrap:wrap}#position{font-size:.8rem;color:#58685f}
#results,.meta,.note,#message,.section-description,#sectionDescription{font-size:.82rem;color:#576b60}.meta{overflow-wrap:anywhere}#lessons{max-height:65vh;overflow:auto;padding:3px;scroll-padding:1rem}.lesson-group{padding:.7rem 0 1rem;border-top:1px solid #e1e7df}.lesson-group>.eyebrow{color:#64745e}.lesson{display:block;width:100%;text-align:left;border:1px solid #dde5db;border-radius:8px;padding:.9rem;background:#fafbf8;color:inherit;margin:.65rem 0;cursor:pointer;overflow-wrap:anywhere}.lesson strong,.lesson span{display:block}.lesson-description{font-size:.85rem;color:#536358;margin:.4rem 0}.lesson:hover,.lesson[aria-pressed=true]{background:#edf5e7;border-color:#7c9c6c}.lesson[aria-pressed=true]{box-shadow:inset 4px 0 #426c39}
.provenance{font-size:.78rem;color:#5c6f62;margin-top:1rem;overflow-wrap:anywhere}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;background:#f7faf4;border-radius:8px;padding:1rem}footer{padding:1rem 1.4rem 2rem;max-width:1460px;margin:auto;font-size:.76rem;color:#617264}footer p{max-width:1000px}:focus-visible{outline:3px solid #b57718;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:800px){header{padding:1.4rem;align-items:flex-start;flex-direction:column}header .primary{width:100%}.intro{padding:1.1rem 1rem .2rem}main{display:flex;flex-direction:column;padding:0 .75rem;gap:1rem;margin-top:1rem}.viewer{order:0;padding:1rem}.course-menu{order:1;position:static;padding:1rem;width:100%}.browser{order:2;padding:1rem}#stages{max-height:340px}#lessons{max-height:65vh}video{max-height:none}.playback-nav{gap:.5rem}.playback-nav button{flex:1;font-size:.8rem;padding:.6rem}.playback-nav #position{width:100%;order:2;text-align:center}.stage-description{font-size:.8rem}.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}