@font-face{font-family:Aspekta;src:url(Aspekta-400.ttf)}@font-face{font-family:Aspekta;src:url(Aspekta-500.ttf);font-weight:600}@font-face{font-family:Saira;src:url(Saira-latin.woff2)}
:root{--navy:#082133;--lime:#adee0c;--purple:#9e3ce8;--paper:#f2f5f4;--ink:#122f40;--muted:#567080}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Aspekta,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid #8295a0;border-radius:9px;padding:12px 19px;background:white;color:var(--navy);font-weight:600;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--navy);background:#e9efef}button.primary,.button.primary{background:var(--lime);border-color:var(--lime);color:var(--navy)}button:disabled{opacity:.5;cursor:default}a{color:#5c2290;text-underline-offset:3px}:focus-visible{outline:3px solid #7c2bd1;outline-offset:4px}h1,h2,h3{font-family:Saira,Aspekta,sans-serif;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(34px,4.4vw,60px);max-width:900px;margin:.3em 0 .5em}h2{font-size:30px}h3{font-size:23px}p{max-width:78ch}small{font-size:13px}.top{height:88px;background:var(--navy);color:white;display:flex;align-items:center;gap:28px;padding:18px 36px}.top img{width:142px;max-height:46px}.top span{font-size:13px;letter-spacing:.14em}.top b{color:var(--lime);margin:0 12px}.top button{margin-left:auto;background:transparent;color:white;border-color:#567080;padding:9px 14px;font-size:14px}.layout{display:grid;grid-template-columns:258px minmax(0,1fr)}aside{padding:36px 24px;background:white;border-right:1px solid #dce4e6;min-height:calc(100vh - 88px)}aside h2{font-size:23px;margin-bottom:27px}nav{display:grid;gap:8px}nav a{display:flex;gap:13px;font-size:13px;color:var(--muted);padding:12px;border-radius:8px;text-decoration:none}nav a span{font-size:15px;color:var(--ink)}nav a[aria-current]{background:var(--navy);color:var(--lime)}nav a[aria-current] span{color:white}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;text-transform:uppercase;color:var(--muted)}.progress{margin-top:45px;border-top:1px solid #dce4e6;padding-top:20px}.progress strong{display:block;font-size:20px}.progress p{font-size:13px;color:var(--muted)}main{padding:46px clamp(22px,5vw,76px);min-width:0;max-width:1500px}.lead{font-size:21px;line-height:1.55;color:var(--muted);max-width:700px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}.panel{background:white;border:1px solid #d6e0e4;border-radius:16px;padding:26px}.dark{background:var(--navy);color:white;border-color:var(--navy)}.dark .eyebrow{color:#b2c4cd}.message{font-family:Saira,sans-serif;font-size:38px;line-height:1.3;margin:22px 0;color:var(--lime)}.avatar{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:#e8ddf8;color:#532485;font-weight:600;margin-right:10px}.person{display:flex;align-items:center;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.choice{display:block;width:100%;text-align:left;margin:12px 0;padding:17px}.result{border-left:4px solid var(--purple);background:#eee7f6;padding:18px 22px;margin:20px 0}.result.good{border-color:#5c8100;background:#edf5d8}.facts{display:grid;gap:12px}.fact{display:flex;align-items:flex-start;gap:16px;padding:14px;background:#f2f5f4;border-radius:10px}.fact code{color:#5d267b;white-space:nowrap}.fact p{margin:0}.icon{width:28px;height:28px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7}.media{background:var(--navy);border-radius:14px;overflow:hidden;margin:25px 0}video{display:block;width:100%;aspect-ratio:16/9}audio{width:100%;display:block;margin:12px 0}.caption{font-size:14px;color:var(--muted)}.section-text{white-space:pre-line;line-height:1.85;max-width:78ch}.section-nav{display:flex;flex-wrap:wrap;gap:8px}.section-nav button{font-size:14px;padding:8px 13px}.section-nav button[aria-pressed=true]{background:var(--navy);color:white}.section-card{margin-top:25px}.category-card{display:grid;grid-template-columns:1fr minmax(160px,220px);gap:20px;align-items:center;border-bottom:1px solid #dde5e9;padding:20px 0}.category-card label{display:block}.category-card select{width:100%;border:1px solid #8ca0ac;border-radius:7px;background:white;padding:10px}.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#e5ebed;font-size:12px}.rubric label{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #dce4e6}.rubric input{margin-top:6px;width:20px;height:20px;flex-shrink:0}textarea{width:100%;min-height:220px;padding:18px;border:1px solid #7c929e;border-radius:10px;line-height:1.65;resize:vertical}.source-block{margin:20px 0}.source-block img{width:100%;height:auto}.source-block table{border-collapse:collapse;width:100%}.source-block td,.source-block th{border:1px solid #becbd1;padding:8px}.source-document{max-width:850px;overflow-wrap:anywhere}details{border-top:1px solid #d2dfe4;padding:16px 0}summary{cursor:pointer;font-weight:600}.timeline{display:flex;align-items:stretch;gap:12px;margin:26px 0}.timeline>div{flex:1;padding:18px;border-top:4px solid var(--lime);background:#17394b;border-radius:6px}.timeline strong{display:block;color:var(--lime);font-size:25px}.timeline p{font-size:15px;margin:6px 0}.split-note{border:2px dashed #688391;border-radius:10px;padding:18px}.split-note strong{color:var(--lime)}footer{border-top:1px solid #cad8df;margin-top:65px;padding-top:24px;font-size:12px;color:var(--muted)}#notice{position:fixed;bottom:20px;right:20px;background:var(--navy);color:white;max-width:340px;padding:0;border-radius:9px}#notice:not(:empty){padding:16px 24px}.skip{position:absolute;left:20px;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.empty{padding:25px;color:var(--muted)}
@media(max-width:900px){.layout{grid-template-columns:1fr}aside{min-height:0;padding:18px 22px}aside>h2,aside>.eyebrow,.progress{display:none}nav{display:flex;overflow:auto}nav a{white-space:nowrap}main{padding:28px 22px}.top{padding:15px 22px}.top span{display:none}.grid{grid-template-columns:1fr}.timeline{flex-wrap:wrap}.timeline>div{min-width:130px}.category-card{grid-template-columns:1fr;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.evidence{grid-column:1/-1;border:0;padding:4px 0;font-size:13px}.evidence legend{color:var(--muted)}.evidence label{display:inline-flex;gap:6px;margin-right:18px}.choice[aria-pressed=true]{background:#edf5d8;border-color:#6b8b21}
.dark .tag{color:var(--navy)}#video-checkpoint:empty{display:none}
#workshop .category-card{display:block}#workshop .category-card>label{margin:12px 0}#workshop .grid>div:last-child{align-self:start;position:sticky;top:20px;background:#f2f5f4;padding:20px;border-radius:10px}.evidence label{display:flex;align-items:flex-start;margin:9px 0;line-height:1.5}.evidence input{margin-top:4px;flex-shrink:0}@media(max-width:900px){#workshop .grid>div:last-child{position:static}}

/* Keep the horizontal lesson navigation inside the mobile grid track. */
aside{min-width:0}nav{max-width:100%}.evidence{min-width:0}select{max-width:100%}