*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,44px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-weight:850}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.nav{display:flex;gap:18px}.nav a{color:var(--muted);text-decoration:none;font-weight:700}.nav a:hover{color:var(--ink)}.page{padding:clamp(18px,3vw,38px);max-width:1220px;margin:0 auto}.band{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:18px}.band.compact h1{font-size:clamp(34px,5vw,56px);line-height:1;margin:0 0 12px;letter-spacing:0}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--brand);margin:0 0 8px}.lead{font-size:18px;color:var(--muted);max-width:760px;margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 14px 34px rgba(23,33,38,.05)}.course-grid,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.program-code{display:inline-flex;align-self:flex-start;background:rgba(30,107,95,.1);color:var(--brand);padding:5px 8px;border-radius:6px;font-size:12px;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:7px;background:var(--brand);color:#fff;text-decoration:none;border:0;font-weight:850;cursor:pointer}.btn:hover{filter:brightness(.96)}.text-link{color:var(--brand);font-weight:800;text-decoration:none}.mini-list{display:grid;gap:8px;margin:14px 0}.mini-list a{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--ink);background:#fbfcfc}.mini-list span{font-weight:900;color:var(--brand)}.mini-list b{font-size:14px}.mini-list em{font-style:normal;color:var(--muted);font-size:13px}.lesson-list{display:grid;gap:12px}.lesson-row{display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}.lesson-row>span{font-weight:900;color:var(--brand)}.lesson-row h2,.course-head h2{margin:0 0 4px}.lesson-row p{margin:0;color:var(--muted)}.viewer-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.viewer-drawer{position:sticky;top:82px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;max-height:calc(100vh - 104px);overflow:auto}.viewer-drawer h2{margin:14px 0 10px}.drawer-link{display:grid;gap:2px;padding:10px;border-radius:7px;text-decoration:none;color:var(--ink)}.drawer-link span{font-size:12px;color:var(--brand);font-weight:900}.drawer-link b{font-size:14px}.drawer-link.active,.drawer-link:hover{background:rgba(30,107,95,.1)}.viewer-content{background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(18px,4vw,44px)}.viewer-content h1{font-size:clamp(32px,5vw,58px);line-height:1.04;margin:0 0 24px;letter-spacing:0}.course-block{padding:20px 0;border-top:1px solid var(--line)}.course-block h2{font-size:24px;margin:0 0 10px}.prose{font-size:18px;color:#27353a}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:15px}.table-wrap th,.table-wrap td{border:1px solid var(--line);padding:10px;text-align:left}.course-block img{max-width:100%;border-radius:8px;border:1px solid var(--line)}.qcm-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f4faf8;border:1px solid #cfe3de;border-radius:8px;padding:14px}.qcm-callout p{margin:0;font-weight:800}.qcm-shell{background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(18px,4vw,42px);max-width:860px}.qcm-shell h1{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0 0 20px}.question{border:1px solid var(--line);border-radius:8px;margin:0 0 14px;padding:14px}.question legend{font-weight:850}.question label{display:block;padding:8px 0}.result{margin-top:16px;border-radius:8px;padding:14px;background:#f4faf8;border:1px solid #cfe3de;font-weight:850}.kv{display:grid;grid-template-columns:150px 1fr;gap:8px;margin:0}.kv dt{font-weight:900}.kv dd{margin:0;color:var(--muted);word-break:break-word}@media(max-width:860px){.topbar{height:auto;min-height:64px;align-items:flex-start;flex-direction:column;padding:14px 18px}.nav{flex-wrap:wrap}.course-grid,.admin-grid,.viewer-shell{grid-template-columns:1fr}.viewer-drawer{position:relative;top:auto;max-height:none}.lesson-row{grid-template-columns:1fr}.mini-list a{grid-template-columns:1fr}.qcm-callout{align-items:flex-start;flex-direction:column}}