/* Course layout, 2026-10. Presentation only; question and progress logic stay owned by each course. */
body[data-course-layout] { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body[data-course-layout] :is(button, input, select, textarea) { font:inherit; }
body[data-course-layout] :is(a, button, input, select, textarea, summary):focus-visible { outline:3px solid #d6a34b; outline-offset:4px; }
body[data-course-layout] [hidden] { display:none!important; }
body[data-course-layout] :is(button, .button) { min-height:44px; }
.course-skip { position:fixed; z-index:100; top:10px; left:16px; padding:10px 18px; border-radius:8px; background:#fff; color:#086f66; transform:translateY(-180%); }
.course-skip:focus { transform:translateY(0); }

/* Course and week directories: a concise introduction, then a browsable catalog. */
body[data-course-layout="catalog"] .page { width:min(1160px, calc(100% - 64px)); }
body[data-course-layout="catalog"] .crumb { padding:22px 0; gap:10px; line-height:1.6; }
body[data-course-layout="catalog"] .hero { padding:32px 36px; border-radius:18px; }
body[data-course-layout="catalog"] .hero h1 { font-size:clamp(28px, 3.3vw, 40px); line-height:1.35; margin-bottom:12px; letter-spacing:-.025em; text-wrap:pretty; }
body[data-course-layout="catalog"] .hero>p:not(.eyebrow) { max-width:76ch; line-height:1.8; }
body[data-course-layout="catalog"] .eyebrow { margin-bottom:12px; }
body[data-course-layout="catalog"] .hero-meta { margin-top:20px; }
body[data-course-layout="catalog"] .hero-meta span { padding:5px 10px; }
body[data-course-layout="catalog"] .compact .back { margin-bottom:16px; }
body[data-course-layout="catalog"] .account-bar { gap:16px; padding:18px 0; }
body[data-course-layout="catalog"] .account-bar>div:first-child { min-width:0; }
body[data-course-layout="catalog"] .actions { gap:8px; }
body[data-course-layout="catalog"] .section-title { margin:28px 0 16px; }
body[data-course-layout="catalog"] .week-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
body[data-course-layout="catalog"] .week-card { display:flex; flex-direction:column; padding:22px; border-radius:14px; background:linear-gradient(145deg,#172532,#121d28); }
body[data-course-layout="catalog"] .folder-head { margin-bottom:18px; }
body[data-course-layout="catalog"] .folder-head svg { width:36px; height:29px; }
body[data-course-layout="catalog"] .folder-arrow { font-size:20px; }
body[data-course-layout="catalog"] .week-label { flex-wrap:wrap; gap:6px 12px; }
body[data-course-layout="catalog"] .week-label strong { font-size:19px; }
body[data-course-layout="catalog"] .week-card h3 { font-size:18px; line-height:1.6; min-height:0; margin:12px 0 8px; text-wrap:pretty; }
body[data-course-layout="catalog"] .week-card p { font-size:13px; line-height:1.85; min-height:0; margin:0 0 18px; flex:1; }
body[data-course-layout="catalog"] .folder-progress { padding-top:14px; flex-wrap:wrap; gap:5px; font-size:12px; }
body[data-course-layout="catalog"] .folder-progress small { font-size:11px; }
body[data-course-layout="catalog"] .lesson-card { padding:22px 24px; gap:18px; grid-template-columns:44px minmax(0,1fr) minmax(150px,190px); border-radius:14px; }
body[data-course-layout="catalog"] .lesson-number { height:44px; }
body[data-course-layout="catalog"] .lesson-body { min-width:0; }
body[data-course-layout="catalog"] .lesson-body h3 { line-height:1.65; margin:7px 0; text-wrap:pretty; }
body[data-course-layout="catalog"] .lesson-body p { line-height:1.8; }
body[data-course-layout="catalog"] .lesson-status { padding-left:18px; min-width:0; }
body[data-course-layout="catalog"] .status-label { font-size:12px; line-height:1.6; }
body[data-course-layout="catalog"] .status-note { line-height:1.6; }
body[data-course-layout="catalog"] .score { white-space:normal; overflow-wrap:anywhere; }
body[data-course-layout="catalog"] .login-panel { max-width:760px; }
body[data-course-layout="catalog"] footer { line-height:1.8; }
.course-find { display:flex; align-items:center; gap:12px; padding:14px 16px; margin:0 0 18px; background:#111e29; border:1px solid #304452; border-radius:12px; }
.course-find label { font-size:13px; color:#bed1dc; white-space:nowrap; }
.course-find input { min-width:0; flex:1; background:#0c1721; color:#edf3f6; border:1px solid #45616e; border-radius:8px; padding:10px 12px; min-height:44px; }
.course-find input::placeholder { color:#8ca4b3; }
.course-find output { font-size:12px; color:#a9c1cb; font-variant-numeric:tabular-nums; white-space:nowrap; }
.course-find button { padding:8px 12px; font-size:12px; }
.course-empty { color:#b8cbd4; background:#14212d; border:1px dashed #48616f; padding:26px; border-radius:12px; line-height:1.8; }

/* Learning-center entry: remove the long inventory from the main card. */
body[data-course-layout="center"] .page { width:min(1120px,calc(100% - 64px)); }
body[data-course-layout="center"] .hero { padding:34px 38px; }
body[data-course-layout="center"] .hero h1 { font-size:clamp(30px,4vw,42px); line-height:1.3; }
body[data-course-layout="center"] .project { align-items:start; padding:28px; }
body[data-course-layout="center"] .project p { max-width:66ch; line-height:1.8; }
body[data-course-layout="center"] .project small { display:block; line-height:1.8; margin-top:12px; }

/* Course reading: one steady measure, clear type hierarchy, comfortable forms. */
body[data-course-layout="lesson"] { background:#f3f5f2; color:#193c42; line-height:1.85; }
body[data-course-layout="lesson"] .shell { display:grid; grid-template-columns:224px minmax(0,1fr); gap:36px; width:min(1240px,calc(100% - 64px)); max-width:1240px; margin:0 auto 64px; padding:30px 0 0; }
body[data-course-layout="lesson"] main { min-width:0; max-width:920px; }
body[data-course-layout="lesson"][data-course-family="assessment"]>main { width:min(1000px,calc(100% - 64px)); margin:28px auto 64px; padding:0; }
body[data-course-layout="lesson"] :is(.topbar,.top) { min-height:64px; height:auto; padding:14px max(24px,calc((100vw - 1240px)/2)); gap:16px; }
body[data-course-layout="lesson"] .topbar .identity { max-width:45%; overflow-wrap:anywhere; }
body[data-course-layout="lesson"] .sidebar { position:sticky; top:24px; align-self:start; max-height:calc(100dvh - 48px); overflow:auto; scrollbar-width:thin; padding:4px 6px 12px 0; }
body[data-course-layout="lesson"] .sidebar h2 { font-size:20px; line-height:1.6; margin:8px 0 12px; }
body[data-course-layout="lesson"] .sidebar h3 { margin:4px 0 18px; font-size:20px; }
body[data-course-layout="lesson"] .sidebar nav { display:grid; gap:6px; }
body[data-course-layout="lesson"] .sidebar nav button { min-height:46px; border-radius:10px; padding:11px 12px; font-size:14px; line-height:1.65; }
body[data-course-layout="lesson"] .sidebar nav button[aria-current="step"] { background:#dfede5; color:#075f56; box-shadow:inset 3px 0 #168470; }
body[data-course-layout="lesson"] .sidebar nav button:disabled { opacity:.65; }
body[data-course-layout="lesson"] :is(h1,h2,h3) { overflow-wrap:break-word; text-wrap:pretty; }
body[data-course-layout="lesson"] h1 { font-size:clamp(28px,3vw,36px); line-height:1.45; letter-spacing:-.02em; margin:8px 0 20px; }
body[data-course-layout="lesson"] .hero h1 { font-size:clamp(28px,3vw,36px); }
body[data-course-layout="lesson"] h2 { font-size:24px; line-height:1.5; margin:28px 0 14px; }
body[data-course-layout="lesson"] h3 { font-size:19px; line-height:1.6; }
body[data-course-layout="lesson"] .lead { font-size:17px; line-height:1.9; max-width:72ch; color:#486769; }
body[data-course-layout="lesson"] :is(.panel,.hero,.question,.checkpoint,.scene-card,.lab,.worked,.derivation) { border-radius:16px; }
body[data-course-layout="lesson"] :is(.panel,.hero,.question,.checkpoint) { padding:28px; }
body[data-course-layout="lesson"] :is(.panel,.hero,.question,.checkpoint)>:first-child { margin-top:0; }
body[data-course-layout="lesson"] :is(.panel,.hero,.question,.checkpoint)>:last-child { margin-bottom:0; }
body[data-course-layout="lesson"] .panel { margin:22px 0; }
body[data-course-layout="lesson"] :is(.panel,.page,.question,.checkpoint)>p { max-width:76ch; }
body[data-course-layout="lesson"] :is(.caption,figcaption,.source-note) { font-size:13px; line-height:1.8; color:#597774; }
body[data-course-layout="lesson"] :is(.two-col,.two-column) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
body[data-course-layout="lesson"] :is(.outcomes,.outcome-grid) { gap:14px; }
body[data-course-layout="lesson"] :is(.two-col,.two-column,.outcomes,.outcome-grid)>* { min-width:0; }
body[data-course-layout="lesson"] :is(.table-wrap,.table-scroll) { max-width:100%; overflow:auto; border:1px solid #d7e1dc; border-radius:10px; margin:20px 0; overscroll-behavior-inline:contain; }
body[data-course-layout="lesson"] table { line-height:1.7; margin:0; }
body[data-course-layout="lesson"] :is(th,td) { padding:12px 15px; }
body[data-course-layout="lesson"] th { text-align:left; font-weight:650; }
body[data-course-layout="lesson"] :is(.formula,.note,.feedback) { line-height:1.8; overflow-wrap:anywhere; }
body[data-course-layout="lesson"] .formula { font-size:20px; }
body[data-course-layout="lesson"] input:not([type]),
body[data-course-layout="lesson"] :is(input[type="text"],input[type="password"],input[type="number"],textarea,select) { box-sizing:border-box; width:100%; max-width:100%; min-height:44px; border:1px solid #b9ceca; border-radius:9px; padding:10px 12px; background:#fff; color:#193c42; font-size:16px; line-height:1.5; }
body[data-course-layout="lesson"] textarea { min-height:112px; resize:vertical; }
body[data-course-layout="lesson"] :is(input[type="radio"],input[type="checkbox"]) { accent-color:#086f66; }
body[data-course-layout="lesson"] .login { width:100%; max-width:480px; }
body[data-course-layout="lesson"] :is(.login,.login-card,#accountPanel) h1 { font-size:28px; }
body[data-course-layout="lesson"] :is(.login,.login-card) label { display:grid; gap:7px; }
body[data-course-layout="lesson"] .option { min-height:48px; line-height:1.8; }
body[data-course-layout="lesson"] :is(.actions,.unit-end,.example-gate,.forecast) { gap:12px; flex-wrap:wrap; }
body[data-course-layout="lesson"] :is(.footer,footer) { line-height:2; }
body[data-course-layout="lesson"] :is(.footer,footer) a { display:inline-block; padding:6px 0; }
body[data-course-layout="lesson"] dialog { max-width:calc(100vw - 32px); max-height:85dvh; overflow:auto; }
body[data-course-layout="lesson"].exam-mode .shell { display:block; max-width:920px; }
body[data-course-layout="lesson"].exam-mode main { max-width:none; }

@media (max-width:1050px) {
  body[data-course-layout="catalog"] .week-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-course-layout="lesson"] .shell { grid-template-columns:200px minmax(0,1fr); gap:24px; width:calc(100% - 40px); }
  body[data-course-layout="lesson"] :is(.panel,.hero,.question,.checkpoint) { padding:24px; }
  body[data-course-layout="lesson"] :is(.outcomes,.outcome-grid) { grid-template-columns:1fr; }
}

@media (max-width:800px) {
  body[data-course-layout="lesson"] .shell { display:block; width:calc(100% - 32px); padding-top:16px; }
  body[data-course-layout="lesson"] main { max-width:none; }
  body[data-course-layout="lesson"] .sidebar { position:static; max-height:none; overflow:visible; padding:0; margin-bottom:20px; }
  body[data-course-layout="lesson"] .sidebar :is(h2,h3) { display:block; font-size:17px; margin:0 0 10px; }
  body[data-course-layout="lesson"] .sidebar>p:not(.connection):not(.eyebrow):not([role="status"]) { display:none; }
  body[data-course-layout="lesson"] .sidebar>small { display:none; }
  body[data-course-layout="lesson"] .sidebar>.eyebrow { font-size:10px; margin-bottom:4px; }
  body[data-course-layout="lesson"] .sidebar nav { display:flex; gap:8px; overflow-x:auto; padding:4px 4px 10px; margin:0 -4px; scroll-padding-inline:4px; overscroll-behavior-inline:contain; scrollbar-width:thin; }
  body[data-course-layout="lesson"] .sidebar nav button { flex:0 0 auto; display:flex; flex-direction:row; align-items:center; text-align:left; gap:8px; width:auto; min-height:44px; padding:10px 13px; white-space:nowrap; font-size:13px; background:#e9eeea; border:1px solid #d3dfd8; }
  body[data-course-layout="lesson"] .sidebar nav button[aria-current="step"] { box-shadow:none; border-color:#19806c; border-radius:10px; }
  body[data-course-layout="lesson"] .sidebar nav :is(small,.step-mark) { display:none; }
  body[data-course-layout="lesson"] .sidebar nav .step-number { flex:0 0 21px; width:21px; height:21px; margin:0; }
  body[data-course-layout="lesson"] :is(.connection,.learning-status) { margin:8px 0 0; font-size:12px; }
  body[data-course-layout="lesson"] .learning-status { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; }
  body[data-course-layout="lesson"] .learning-status progress { width:90px; }
  body[data-course-layout="lesson"] :is(.topbar,.top) { padding:12px 16px; min-height:58px; }
  body[data-course-layout="lesson"] :is(.two-col,.two-column,.three-column) { grid-template-columns:1fr; }
  body[data-course-layout="lesson"] .hero { display:block; }
  body[data-course-layout="lesson"] :is(.hero h1,h1) { font-size:28px; }
}

@media (max-width:600px) {
  body[data-course-layout="catalog"] .page,
  body[data-course-layout="center"] .page { width:calc(100% - 32px); }
  body[data-course-layout="catalog"] .crumb { padding:16px 0; gap:8px; font-size:12px; }
  body[data-course-layout="catalog"] .hero,
  body[data-course-layout="center"] .hero { padding:24px 22px; border-radius:14px; }
  body[data-course-layout="catalog"] .hero h1 { font-size:28px; }
  body[data-course-layout="catalog"] .hero>p:not(.eyebrow) { font-size:14px; }
  body[data-course-layout="catalog"] .account-bar { flex-direction:column; align-items:stretch; gap:12px; }
  body[data-course-layout="catalog"] .actions { justify-content:flex-start; }
  body[data-course-layout="catalog"] .actions button { padding:10px 14px; }
  body[data-course-layout="catalog"] .week-grid { grid-template-columns:1fr; gap:12px; }
  body[data-course-layout="catalog"] .week-card { padding:20px; }
  body[data-course-layout="catalog"] .folder-head { margin-bottom:12px; }
  body[data-course-layout="catalog"] .week-card h3 { font-size:18px; }
  body[data-course-layout="catalog"] .week-card p { margin-bottom:16px; }
  body[data-course-layout="catalog"] .lesson-card { grid-template-columns:36px minmax(0,1fr); align-items:start; gap:10px 12px; padding:18px 16px; }
  body[data-course-layout="catalog"] .lesson-number { height:36px; margin-top:3px; font-size:13px; }
  body[data-course-layout="catalog"] .lesson-body h3 { font-size:17px; line-height:1.65; margin:7px 0; }
  body[data-course-layout="catalog"] .lesson-body p { font-size:13px; }
  body[data-course-layout="catalog"] .lesson-label { font-size:11px; }
  body[data-course-layout="catalog"] .lesson-status { grid-column:2; min-height:0; border-left:0; border-top:1px solid #30424f; padding:12px 0 0; margin-top:3px; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:6px 12px; text-align:left; }
  body[data-course-layout="catalog"] .status-label { justify-content:flex-start; font-size:12px; }
  body[data-course-layout="catalog"] .score { font-size:15px; }
  body[data-course-layout="catalog"] .status-note { font-size:11px; flex-basis:100%; }
  body[data-course-layout="catalog"] .section-title { gap:10px; }
  body[data-course-layout="catalog"] .section-title>span { max-width:140px; }
  .course-find { flex-wrap:wrap; gap:10px; padding:14px; }
  .course-find label { flex:1; }
  .course-find input { order:3; flex:1 1 100%; width:100%; }
  .course-find button { order:4; }
  body[data-course-layout="center"] .project { padding:22px; }
  body[data-course-layout="center"] .project-icon { display:none; }
  body[data-course-layout="lesson"] .shell { margin-bottom:40px; }
  body[data-course-layout="lesson"][data-course-family="assessment"]>main { width:calc(100% - 32px); margin:20px auto 40px; }
  body[data-course-layout="lesson"] :is(.hero h1,h1) { font-size:26px; line-height:1.5; }
  body[data-course-layout="lesson"] h1 br { display:none; }
  body[data-course-layout="lesson"] h1 strong.keep-together { white-space:normal; }
  body[data-course-layout="lesson"] h2 { font-size:22px; line-height:1.55; }
  body[data-course-layout="lesson"] h3 { font-size:18px; }
  body[data-course-layout="lesson"] .lead { font-size:16px; line-height:1.9; }
  body[data-course-layout="lesson"] :is(.panel,.hero,.question,.checkpoint,.scene-card,.lab,.worked,.derivation) { padding:20px; border-radius:12px; }
  body[data-course-layout="lesson"] .panel { margin:18px 0; }
  body[data-course-layout="lesson"] .option { padding:12px; gap:10px; }
  body[data-course-layout="lesson"] :is(.actions,.unit-end) { gap:10px; align-items:stretch; }
  body[data-course-layout="lesson"] :is(.actions,.unit-end)>button { flex:1 1 150px; }
  body[data-course-layout="lesson"] .unit-end>span { flex-basis:100%; }
  body[data-course-layout="lesson"] :is(.variable-grid,.lab-grid,.lab-controls,.lab-controls.three,.hero-grid) { grid-template-columns:1fr; }
  body[data-course-layout="lesson"] .formula { font-size:18px; }
  body[data-course-layout="lesson"] :is(th,td) { padding:11px 12px; }
  body[data-course-layout="lesson"] .table-wrap table { min-width:440px; }
  body[data-course-layout="lesson"] .top { flex-wrap:wrap; font-size:12px; }
  body[data-course-layout="lesson"] .topbar .identity { font-size:12px; }
}

@media (prefers-reduced-motion:reduce) {
  body[data-course-layout] * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}
@media print {
  body[data-course-layout="lesson"] .shell { display:block; width:100%; margin:0; padding:0; }
  body[data-course-layout="lesson"] :is(.sidebar,.topbar,.top,.course-skip) { display:none; }
  body[data-course-layout="lesson"] main { max-width:none; }
}