:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22344e;background:#f5f7fb;--blue:#315fc4;--teal:#087f78;--purple:#7854bb;--line:#dee6f1}*{box-sizing:border-box}body{margin:0}a{color:#2959b3;text-underline-offset:3px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #eab44b;outline-offset:3px}.skip{position:absolute;top:-70px;left:10px;background:white;padding:14px;z-index:9}.skip:focus{top:10px}header{background:white;border-bottom:1px solid var(--line);padding:17px 30px;display:flex;align-items:center;gap:25px;min-height:87px}.brand{display:flex;gap:11px;align-items:center;font-weight:850;font-size:21px;text-decoration:none;color:#203b64}.brand>span{width:43px;height:43px;border-radius:13px;background:#315fc4;display:grid;place-items:center;color:white;font-size:29px}.brand small{display:block;letter-spacing:2px;font-size:9px;margin-top:3px;color:#6b7e9b}.back{font-size:12px;text-decoration:none}.pilot{margin-left:auto;font-size:10px;color:#68768d;letter-spacing:1px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1440px;margin:auto}.sidebar{padding:30px 20px 30px 25px;border-right:1px solid var(--line);min-height:calc(100vh - 87px);background:#fbfcff}.side-title{font-size:10px;font-weight:800;letter-spacing:1px;color:#6a7d97;line-height:1.8;margin-bottom:17px}nav{display:grid;gap:7px}nav button{display:flex;gap:12px;align-items:center;text-align:left;border:0;border-radius:12px;padding:13px;background:transparent;color:#5a6e88;font-weight:650;font-size:13px}nav button span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:#eef2f8;font-size:12px}nav button.active{background:#e7efff;color:#2853a8}nav button.active span{background:#315fc4;color:white}nav button:hover{background:#edf2fa}.progress-card{border:1px solid var(--line);background:white;border-radius:13px;padding:16px;margin-top:30px;font-size:12px;font-weight:650}.progress-card small{font-size:10px;line-height:1.5;font-weight:400;color:#6e7d91}.track{height:6px;background:#edf1f7;border-radius:9px;margin:12px 0;overflow:hidden}#progress-fill{height:100%;background:#15988a}.side-note{font-size:11px;color:#7d8b9e;line-height:1.8}main{min-width:0;padding:32px 38px 65px;max-width:1150px}h1{font-size:clamp(29px,3.5vw,44px);line-height:1.16;letter-spacing:-1px;margin:10px 0 15px}h2{font-size:22px;letter-spacing:-.4px;margin:0 0 13px}h3{font-size:17px;margin:0 0 10px}p,li{line-height:1.8}p{margin:9px 0 15px}.eyebrow{font-size:11px;font-weight:800;color:#5274ac;letter-spacing:1.4px;text-transform:uppercase}.muted{color:#63768e}.small{font-size:12px}.hero{background:linear-gradient(120deg,#203e7d,#3d60b9 65%,#7860b7);border-radius:23px;color:white;padding:35px;display:grid;grid-template-columns:1.4fr .6fr;gap:25px;overflow:hidden}.hero .eyebrow{color:#c4dcff}.hero h1{color:white}.hero p{color:#e4edff}.hero-art{display:grid;align-content:center;gap:12px;transform:rotate(-5deg)}.artifact{background:#fff;color:#34527f;padding:15px;border-radius:13px;box-shadow:0 10px 20px #12275333;font-family:Georgia,serif;font-size:17px}.artifact:nth-child(2){transform:translateX(15px);background:#eff9f5;color:#147568}.artifact small{font-family:system-ui;display:block;font-size:9px;letter-spacing:1px;margin-bottom:6px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:25px;margin-top:20px;box-shadow:0 5px 17px #263c5c05}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid>.card{margin-top:0}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.spaced{margin-top:22px}.accent{border-top:4px solid var(--teal)}.purple{border-top:4px solid var(--purple)}.blue{border-top:4px solid var(--blue)}.callout{padding:18px 21px;background:#edf4ff;border-left:4px solid #5980d6;border-radius:10px;margin:19px 0;line-height:1.8}.callout.green{background:#eaf7f2;border-color:#199d89}.callout.amber{background:#fff7e8;border-color:#d4a14b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:#315fc4;color:white;border-radius:10px;padding:12px 17px;font-weight:700;font-size:13px;text-decoration:none}.btn:hover{background:#244da3}.secondary{background:#edf2fa;color:#34567d}.secondary:hover{background:#dce7f7}.buttons{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.pill{display:inline-block;border-radius:30px;background:#edf2fc;color:#48658f;font-size:10px;font-weight:750;padding:6px 10px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.reading{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.95;max-width:73ch}.reading p{line-height:1.95}.reading h3{font-family:system-ui;margin-top:25px}.reading sup{font:11px system-ui}.term{background:#eaf3ff;color:#294e90;border:0;border-bottom:1px dotted #315fc4;padding:1px 4px;font:inherit;cursor:pointer}.gloss{background:#eaf7f2;border-radius:10px;padding:15px;margin:14px 0;line-height:1.8}.concept{font-size:26px;color:#2454aa;margin-bottom:10px}.vocab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vocab details{border:1px solid var(--line);padding:15px;border-radius:12px;background:white}.vocab summary{font-weight:750;cursor:pointer}.vocab p{font-size:13px;margin-top:10px}details>summary{cursor:pointer;font-weight:700}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline>div{padding:15px 12px;background:#f1f5fc;border-radius:10px;border-top:3px solid #7096df}.timeline b{display:block;color:#315fc4;font-size:18px;margin-bottom:7px}.timeline span{font-size:12px;line-height:1.6;display:block}.source{border-left:5px solid #78a69a}.source blockquote{font-family:Georgia,serif;font-size:20px;line-height:1.8;margin:20px 0;background:#f3f7fc;padding:17px 20px;border-radius:10px}.meta{font-size:12px;color:#63748a;line-height:1.8}.source-foot{font-size:11px;line-height:1.8;color:#63748a}.question{font-size:19px;line-height:1.7;font-weight:700;margin:20px 0}.choices{display:grid;gap:10px}.choice{background:white;text-align:left;border:1.5px solid #d9e3ef;border-radius:11px;padding:14px 17px;color:#263d5b;line-height:1.65}.choice:hover:not(:disabled){background:#f1f6ff;border-color:#7b9edd}.choice.selected{background:#eaf1ff;border-color:#315fc4}.choice.tried{background:#f4f5f8;color:#7a8799;text-decoration:line-through}.choice.right{border-color:#139078;background:#eaf8f2}.choice.wrong{border-color:#cd6570;background:#fff0f2}.feedback{padding:17px;border-radius:11px;background:#eaf7f2;margin:18px 0;line-height:1.8}.feedback.retry{background:#fff5df}.feedback.error{background:#fff0f1}.hidden{display:none!important}label{display:block;font-weight:700;font-size:13px;margin:15px 0 8px}textarea,input,select{width:100%;border:1.5px solid #d7e1ee;border-radius:10px;padding:12px;background:#fff;color:#263c59}textarea{min-height:120px;line-height:1.8;resize:vertical}.saved{font-size:11px;color:#167969;min-height:18px}.checklist label{font-weight:450;display:flex;align-items:flex-start;gap:10px;line-height:1.6}.checklist input{width:auto;margin-top:5px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);line-height:1.8;vertical-align:top}th{background:#f2f6fc}.tablewrap{overflow-x:auto}.step{font-size:12px;color:#4e709f;font-weight:750;margin-bottom:12px}.nav-end{display:flex;justify-content:space-between;gap:10px;margin-top:27px}.optional{margin-top:20px;font-size:13px}.optional select{max-width:450px}.review{background:#f1ecfa;padding:17px;border-radius:11px}.source-index li{margin-bottom:12px;font-size:13px}.overview-audio{background:#e8f6f1}.print-only{display:none}footer{max-width:1440px;margin:auto;text-align:center;padding:20px;color:#7b899c;font-size:11px}#toast{position:fixed;bottom:20px;right:20px;background:#203c65;color:white;padding:14px 20px;border-radius:10px;display:none;max-width:90vw;z-index:5}@media(max-width:1000px){.layout{grid-template-columns:210px 1fr}main{padding:26px}.sidebar{padding:25px 14px}.three{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:700px){header{padding:15px 17px;gap:15px;flex-wrap:wrap}.pilot{display:none}.brand{font-size:18px}.back{margin-left:auto}.layout{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:13px 15px}.side-title,.side-note,.progress-card{display:none}nav{display:flex;overflow-x:auto;gap:5px}nav button{flex:0 0 auto;padding:9px;font-size:11px;gap:6px}nav button span{flex-basis:22px;height:22px}.grid,.vocab{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}main{padding:23px 16px 45px}.hero{padding:26px}.card{padding:21px}.reading{font-size:17px}h1{font-size:32px}.nav-end{flex-wrap:wrap}.tablewrap{margin:0 -5px}}@media print{header,.sidebar,footer,button,.nav-end,.buttons,.skip,#toast{display:none!important}.layout{display:block}main{padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid}.print-only{display:block}textarea{border:0;height:auto}body{background:white}}

/* Resource architecture: media stays within the reading column. */
.resource-slot{margin-top:28px}.resource-card audio{width:100%;margin:12px 0}.resource-card figure{margin:18px 0}.resource-card img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#f2f5fa;border-radius:12px}.resource-card figcaption{font-size:12px;color:#63768e;line-height:1.7;margin-top:8px}.resource-video{aspect-ratio:16/9;margin:18px 0}.resource-video iframe{width:100%;height:100%;border:0;border-radius:12px}.resource-transcript{white-space:pre-wrap;line-height:1.9}.resource-tasks{border-left:3px solid #7da5dc;padding-left:17px;margin:18px 0}.resource-filters{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:700px){.resource-filters{grid-template-columns:1fr}}