:root{color-scheme:light;--page:#f5f7f2;--surface:#fff;--surface-soft:#edf3ea;--surface-active:#dcebdd;--line:#d4dfd2;--text:#183022;--muted:#5f7065;--green:#287a46;--green-bright:#24733f;--green-soft:#e2f2e5;--success-text:#245d36;--focus:#146b39;--header:#153c27;--header-text:#f7fbf7;--header-muted:#cae1cf;--step-strip:#fbfcfa;--progress-track:#d8e4d7;--scroll-track:#eef2ec;--scroll-thumb:#9aae9d;--media-shadow:0 18px 42px rgba(32,59,40,.13)}
:root[data-theme="dark"]{color-scheme:dark;--page:#0d130f;--surface:#151d17;--surface-soft:#19231b;--surface-active:#233c2a;--line:#304036;--text:#f3f7f3;--muted:#b8c7bc;--green:#4a9961;--green-bright:#75c68b;--green-soft:#203c29;--success-text:#d2f7dc;--focus:#a9e8b9;--header:#151d17;--header-text:#f3f7f3;--header-muted:#b8c7bc;--step-strip:#0f1611;--progress-track:#263128;--scroll-track:#252c27;--scroll-thumb:#6b746d;--media-shadow:0 20px 45px rgba(0,0,0,.22)}
.media-panel:has(> img:not([hidden])){aspect-ratio:auto;background:var(--surface)}
.media-panel:has(> img:not([hidden]))>img{height:auto;background:var(--surface)}
.action-note{margin-top:18px;padding:11px 13px;border-left:4px solid var(--green);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:12px;line-height:1.5}.action-note strong{color:var(--green-bright);letter-spacing:.04em}
.lesson-subtitle-secondary{margin-top:3px;color:#a61b1b;font-weight:650}:root[data-theme="dark"] .lesson-subtitle-secondary{color:#ff8a80}.action-note-secondary{margin-top:8px}
.header-handout-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--blue-strong);border-radius:999px;background:var(--blue);color:#fff;cursor:pointer;font-size:12px;font-weight:720;white-space:nowrap}.header-handout-button:hover{background:var(--blue-strong)}.handout-lesson-action{width:100%;cursor:pointer;font-family:inherit}
.media-column{min-width:0}.media-option-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.media-option-button{display:flex;justify-content:center;align-items:baseline;gap:8px;min-height:46px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}.media-option-button:hover{border-color:var(--green);background:var(--surface-soft)}.media-option-button[aria-selected="true"]{border-color:var(--green);background:var(--surface-active);box-shadow:inset 0 0 0 1px var(--green)}.media-option-button strong{font-size:14px}.media-option-button span{color:var(--muted);font-size:11px;white-space:nowrap}@media(max-width:480px){.media-option-tabs{grid-template-columns:1fr}.media-option-button{justify-content:space-between}}
*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-width:320px;background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-shell{min-height:100vh}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,4vw,56px);background:var(--header);color:var(--header-text);border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;font-weight:750}.brand-title{margin:0;font-size:16px;font-weight:680}.brand-subtitle{margin:3px 0 0;color:var(--header-muted);font-size:13px}.header-tools{display:flex;align-items:center;gap:14px}.course-time{display:flex;align-items:center;gap:8px;color:var(--header-muted);font-size:14px;white-space:nowrap}.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.09);color:var(--header-text);cursor:pointer;font-size:12px;font-weight:650}.theme-toggle:hover{background:rgba(255,255,255,.16)}.theme-icon{font-size:14px;line-height:1}.progress-track{height:5px;background:var(--progress-track)}.progress-value{height:100%;width:0;background:var(--green);transition:width 180ms ease}.step-strip{overflow-x:auto;scrollbar-color:var(--scroll-thumb) var(--scroll-track);background:var(--step-strip);border-bottom:1px solid var(--line)}.step-nav{display:flex;gap:8px;width:max-content;min-width:100%;padding:14px clamp(16px,3vw,48px)}.step-button{display:grid;grid-template-columns:28px auto;gap:10px;align-items:center;min-width:140px;padding:10px 12px;border:0;border-radius:12px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.step-button:hover{background:var(--surface-soft)}.step-button[aria-current="step"]{background:var(--surface-active)}.step-button.is-complete .step-number{border-color:var(--green);background:var(--green)}.step-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--muted);border-radius:50%;font-size:12px}.step-copy strong{display:block;font-size:13px;font-weight:680}.step-copy span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.lesson-shell{width:min(1220px,100%);margin:0 auto;padding:38px clamp(20px,4vw,56px) 42px}.step-kicker{margin:0 0 10px;color:var(--green-bright);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.lesson-title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.035em}.lesson-summary{max-width:770px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.duration-chip{flex:none;padding:7px 10px;border-radius:999px;background:var(--surface-soft);color:var(--green-bright);font-size:12px}.learning-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:24px;margin-top:28px;align-items:start}.media-panel{overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);border-radius:18px;background:#050806;box-shadow:var(--media-shadow)}.media-panel video,.media-panel img{display:block;width:100%;height:100%;object-fit:contain;background:#050806}.action-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.action-heading-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.panel-eyebrow{margin:0 0 5px;color:var(--green-bright);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h2{margin:0;font-size:19px}.complete-button,.secondary-button,.primary-button,.text-button,.resource-link{border-radius:10px;cursor:pointer}.complete-button{padding:8px 10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}.complete-button[aria-pressed="true"]{border-color:var(--green);background:var(--green-soft);color:var(--green-bright)}.action-list{display:grid;gap:15px;margin:20px 0 0;padding:0;list-style:none;counter-reset:task}.action-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;counter-increment:task}.action-list li:before{content:counter(task);display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:7px;background:var(--green-soft);color:var(--green-bright);font-size:12px;font-weight:750}.action-list strong{display:block;font-size:13px}.action-list p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.success-check{margin-top:20px;padding:13px 14px;border-radius:11px;background:var(--green-soft);color:var(--success-text);font-size:12px;line-height:1.5}.success-check strong{color:var(--text)}.lesson-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.resource-link{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:12px}.resource-link:hover{border-color:var(--green);background:var(--green-soft)}.lesson-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}.secondary-button,.primary-button{padding:11px 16px;border:1px solid var(--line)}.secondary-button{color:var(--text);background:var(--surface)}.primary-button{border-color:var(--green);color:#fff;background:var(--green);font-weight:680}.text-button{padding:10px;border:0;color:var(--muted);background:transparent}button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:900px){.learning-grid{grid-template-columns:1fr}.action-panel{max-width:none}}@media(max-width:600px){.site-header{padding:14px 16px}.course-time{display:none}.lesson-shell{padding:28px 16px 32px}.lesson-title-row{display:block}.duration-chip{display:inline-block;margin-top:14px}.media-panel{border-radius:13px}.action-panel{padding:18px;border-radius:13px}.lesson-controls{flex-wrap:wrap}.text-button{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}