:root{--ink:#17202a;--muted:#5f6b76;--paper:#f7f8f8;--white:#fff;--nav:#152a35;--teal:#167a72;--gold:#d5a13b;--red:#a63e35;--line:#d9dfe2;--soft:#eaf2f1}*{box-sizing:border-box}body{margin:0;font:15px/1.55 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);letter-spacing:0}.topbar{height:68px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar strong{font-size:20px;letter-spacing:1px}.topbar div:first-child span{margin-left:14px;color:var(--muted)}.progress-wrap{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}progress{accent-color:var(--teal);width:170px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 68px)}aside{background:var(--nav);color:white;padding:24px 16px;display:flex;flex-direction:column;gap:22px}aside button{width:100%;border:0;background:transparent;color:#e9f1f3;text-align:left;padding:12px;border-radius:6px;font:inherit;cursor:pointer}aside button:hover,aside button.active{background:#244753}aside button span{float:right;color:#a9c5c9}.brand-home{font-weight:700;border-bottom:1px solid #31515b!important;border-radius:0!important}.safety{margin-top:auto;border-top:1px solid #31515b;padding:18px 10px 0;color:#bfd0d4;font-size:13px}.safety p{margin:.4rem 0}main{padding:34px min(6vw,80px) 70px;max-width:1280px;width:100%;margin:0 auto}.hero{background:var(--white);border-left:5px solid var(--gold);padding:42px;min-height:260px;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;color:var(--teal);font-weight:700;font-size:12px}.hero h1{font-size:42px;line-height:1.08;margin:.3rem 0 1rem}.hero p{max-width:760px;color:var(--muted);font-size:18px}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button{font:inherit}.primary,.secondary,.choice,.task-button{border:0;border-radius:6px;padding:11px 16px;cursor:pointer}.primary{background:var(--teal);color:white;font-weight:700}.secondary{background:#e7ecee;color:var(--ink)}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.track-card,.unit-card,.content-panel,.quiz-panel,.call-panel,.system-panel,.evidence-card{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:22px}.track-card h2{font-size:20px;margin:.2rem 0}.track-card p,.unit-card p{color:var(--muted)}.track-card button,.unit-card button{margin-top:8px}.release-band{margin-top:22px;padding:20px 24px;background:#fff7e8;border-left:4px solid var(--gold)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-head h1{font-size:34px;margin:0}.page-head p{margin:0;color:var(--muted)}.unit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.unit-card{display:flex;flex-direction:column;align-items:flex-start}.unit-card.complete{border-left:4px solid var(--teal)}.unit-card .meta{font-size:12px;color:var(--teal);font-weight:700}.unit-card h2{font-size:18px;margin:.35rem 0}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.content-panel h1{font-size:32px;line-height:1.15}.lesson-points{padding-left:22px}.lesson-points li{margin:13px 0}.source-list{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}.source-list a{display:block;color:var(--teal);margin:5px 0}.quiz-panel{align-self:start;position:sticky;top:90px}.quiz-panel fieldset{border:0;padding:0;margin:0 0 20px}.quiz-panel legend{font-weight:700;margin-bottom:8px}.quiz-panel label{display:block;padding:9px;border:1px solid var(--line);border-radius:5px;margin:6px 0;cursor:pointer}.feedback{display:none;margin-top:14px;padding:14px;border-radius:5px}.feedback.show{display:block}.feedback.good{background:#e4f3ee;color:#145a50}.feedback.bad{background:#fae8e6;color:#7e2e28}.system-panel{max-width:850px}.mock-fub{border:1px solid #bbc6ca;border-radius:6px;overflow:hidden;margin:18px 0}.mock-head{background:#263f4a;color:white;padding:12px 16px;font-weight:700}.mock-body{display:grid;grid-template-columns:180px 1fr;min-height:260px}.mock-nav{background:#eef2f3;padding:12px}.mock-nav button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:4px;cursor:pointer}.mock-nav button:hover{background:#dce7e9}.mock-work{padding:20px}.task-banner{background:#fff7e8;border-left:4px solid var(--gold);padding:12px;margin-bottom:14px}.task-button{background:#e8eff0;display:block;width:100%;text-align:left;margin:8px 0}.call-panel{max-width:920px}.call-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.seller-audio{background:#edf4f4;border-left:4px solid var(--teal);padding:18px;margin:18px 0}.seller-audio button{border:0;background:var(--teal);color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer;margin-right:12px}.choices{display:grid;gap:10px}.choice{text-align:left;background:white;border:1px solid #bfc9cc}.choice:hover{border-color:var(--teal);background:#f1f8f7}.choice.selected{border:2px solid var(--teal)}.scorebar{display:flex;gap:16px;margin:12px 0}.scorebar span{background:#edf1f2;padding:6px 10px;border-radius:4px}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.evidence-card strong{font-size:28px;display:block}.critical{color:var(--red);font-weight:700}.complete-mark{color:var(--teal);font-weight:700}@media(max-width:850px){.topbar{height:auto;padding:14px 18px;align-items:flex-start}.progress-wrap{flex-direction:column;align-items:flex-end}.shell{display:block}aside{position:static;padding:12px;display:block}aside nav{display:flex;flex-wrap:wrap;gap:4px}aside nav button{min-width:0;flex:1 1 46%;padding:9px 12px}.safety,.brand-home{display:none}main{padding:24px 16px}.hero{padding:28px}.hero h1{font-size:32px}.track-grid,.unit-list,.evidence-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.quiz-panel{position:static}.mock-body{grid-template-columns:1fr}.mock-nav{display:flex;overflow:auto}.mock-nav button{min-width:120px}.topbar div:first-child span{display:block;margin:0}.progress-wrap progress{width:120px}}