*{box-sizing:border-box}body{margin:0;background:#0e1630;color:#f1f6ff;font:16px/1.55 system-ui,Segoe UI,sans-serif}a{color:#86eee4}.wrap{max-width:1260px;margin:auto;padding:22px}nav{display:flex;justify-content:space-between;gap:20px;color:#9eadd0;font-size:14px}header{padding:32px 0 20px}h1{font-size:clamp(32px,5vw,55px);line-height:1.12;margin:7px 0}h2{margin:0 0 6px}.kicker{font-size:12px;letter-spacing:.18em;color:#78e7d9;font-weight:800}header p{max-width:750px;color:#bac8e6}.controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:17px;background:#1a2948;border:1px solid #354a70;border-radius:17px;margin:10px 0 20px}.controls label,.toolbar label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#b7c8e7}input,select{background:#101e3a;border:1px solid #56709a;color:#fff;border-radius:9px;padding:10px;font:inherit;min-height:42px}.layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}aside{max-height:800px;overflow:auto;display:flex;flex-direction:column;gap:8px}.scenario{background:#192847;border:1px solid #354b73;border-radius:13px;text-align:left;padding:12px 14px;color:white;cursor:pointer}.scenario:hover,.scenario[aria-current=true]{border-color:#80e4da;background:#273b62}.scenario small{display:block;color:#aebedf}.lesson{background:#1a2948;border:1px solid #354b73;border-radius:18px;padding:clamp(17px,3vw,29px);min-height:450px}.muted{color:#b6c5e1}.pill{display:inline-block;border:1px solid #5c7295;border-radius:50px;padding:3px 10px;color:#b5f5e7;font-size:12px;font-weight:700}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:19px 0}.toolbar label{flex-direction:row;align-items:center}button{background:#304568;color:white;border:1px solid #6984b1;border-radius:11px;padding:11px 14px;font:inherit;font-weight:650;cursor:pointer}button:hover{border-color:#9ef1e7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87eadd;outline-offset:2px}.primary{background:linear-gradient(120deg,#6652ce,#277c9c);border-color:transparent}.questions{border-top:1px solid #3b5177;margin-top:24px;padding-top:16px}.choices{display:grid;gap:8px;margin:13px 0}.choices button{text-align:left}.choices button:disabled{cursor:default;opacity:.9}.choices .correct{border-color:#6de0b0;background:#164b4b}.choices .wrong{border-color:#ffa4a4;background:#653b50}.feedback{background:#233d5a;border-left:4px solid #81e5d9;padding:12px;border-radius:8px;margin-top:12px}.transcript{background:#101f3c;border-radius:13px;padding:15px;margin-top:20px}.line{padding:9px 0;border-bottom:1px solid #304362}.line:last-child{border:0}.line strong{color:#8de6dc}.line button{padding:5px 10px;margin-left:10px;font-size:13px}.progress{height:8px;background:#304260;border-radius:10px;overflow:hidden;margin:16px 0}.progress>div{height:100%;background:#71dfd0}footer{color:#93a5c8;font-size:12px;margin:30px 0}@media(max-width:760px){.layout{grid-template-columns:1fr}aside{max-height:240px}.wrap{padding:14px}nav span{display:none}}/* Phase 8B navigation and learning refinements */
.wrap{max-width:1420px}.controls{display:block}.control-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.control-title span{font-size:13px;color:#aebedf}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.filters label{flex:1 1 150px}.filters .search-label{flex:2 1 220px}.filters button{min-height:42px}.layout{grid-template-columns:minmax(255px,325px) minmax(0,1fr)}aside{max-height:75vh;position:sticky;top:12px;scrollbar-width:thin}.catalog-heading{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#a7e9e0;margin:14px 0 4px;padding:0 5px}.scenario{position:relative;display:flex;flex-direction:column;gap:3px;padding:13px 14px}.scenario strong{font-size:14px}.scenario small{font-size:12px}.favorite-mark{position:absolute;right:12px;top:8px;color:#f8d27e}.lesson-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.lesson-head h2{font-size:clamp(23px,3vw,33px);margin:9px 0 4px}.lesson-head .save{white-space:nowrap}.audio-panel{background:#11213e;border:1px solid #3b557b;border-radius:15px;padding:17px;margin-top:19px}.audio-panel h3{margin:0;font-size:16px}.audio-panel .toolbar{margin:12px 0}.audio-panel .toolbar label{flex-direction:column;align-items:start;min-width:130px}.audio-panel .toolbar select{width:100%}.audio-panel .muted{font-size:12px;margin:6px 0}.question-card{border:1px solid #395174;border-radius:14px;background:#182943;padding:17px;margin:12px 0}.question-card h3{font-size:16px;margin:8px 0}.question-type{font-size:11px;color:#9bded6;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.lesson-nav button{flex:1}.choices{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.choices .choice{font-weight:500}.transcript summary{cursor:pointer;font-weight:650}.transcript .line{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.transcript .line button{margin-left:auto}button[aria-pressed=true]{background:#294f55;border-color:#8bded4}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{position:static;max-height:290px}.filters label{flex:1 1 130px}.lesson-head{flex-wrap:wrap}.choices{grid-template-columns:1fr}}

/* Phase 8C: proficiency-first navigation */
.level-jump{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0}.level-jump button{font-size:13px;padding:12px 7px;background:#172746;border:1px solid #3c547c}.level-jump button[aria-pressed=true]{background:#28546b;border-color:#7fe7d9;color:#fff}.scenario[aria-current=true]{box-shadow:inset 3px 0 0 #7fe7d9}.controls{margin-top:0}.lesson{scroll-margin-top:15px}@media(max-width:820px){.level-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.level-jump button:first-child{grid-column:span 2}}