:root{--ink:#192438;--muted:#626d80;--accent:#283bc9;--blue:#485ce4;--blue-pale:#edf0ff;--line:#e0e5ed;--paper:#f6f8fc;--teal:#098b89;--orange:#b66a21;--pink:#b7577c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4b542;outline-offset:4px}button:disabled{opacity:.6;cursor:default}.skip{position:absolute;left:240px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:5px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;z-index:2}.brand{text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.8px;display:flex;gap:10px;align-items:center}.brandmark{background:var(--accent);color:white;border-radius:9px;padding:0 8px;font-size:27px}.subject{font-size:12px;letter-spacing:2px;color:var(--muted);margin:32px 0 35px}.chapter-label,.small-label,.eyebrow,.panel-kicker{font-size:12px;font-weight:750;letter-spacing:1.6px;color:var(--muted)}.sidebar h2{font-size:26px;letter-spacing:-.6px;margin:6px 0}.side-intro{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 24px}.sidebar nav button{width:100%;display:flex;gap:13px;text-align:left;background:none;border:0;padding:13px 12px;border-radius:7px;font-size:14px;margin-bottom:5px}.sidebar nav button span{color:#8d97ac;font-size:12px;padding-top:2px}.sidebar nav button.active{background:var(--blue-pale);color:var(--accent);font-weight:650}.sidebar nav button.active span{color:var(--accent)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px;font-size:14px;padding-top:30px}.sidebar-bottom a{text-decoration:none}.sidebar-bottom span{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}.text-button{border:0;background:none;color:var(--accent);padding:0;text-align:left;font-weight:600;font-size:14px}.page{margin-left:236px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 38px;background:#fff;font-size:14px;color:var(--muted)}.topbar strong{font-weight:550;color:var(--ink)}.slash{padding:0 16px;color:#b5bdc9}.lang-toggle{display:flex;gap:8px;align-items:center;cursor:pointer;font-size:14px;white-space:nowrap}.lang-toggle input{accent-color:var(--accent);width:17px;height:17px}main{max-width:1560px;margin:auto;padding:35px 38px 22px}.chapter-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px;gap:20px}.eyebrow{color:var(--accent)}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:9px 0 12px;font-weight:700}.chapter-heading p{color:var(--muted);margin:0;font-size:15px;max-width:760px}.chapter-index{font-size:55px;color:#c2cae6;font-weight:400;line-height:1;letter-spacing:-3px;text-align:right}.chapter-index span{display:block;font-size:10px;letter-spacing:2px;margin-top:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 273px;gap:22px}.lab{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;min-width:0;box-shadow:0 4px 18px #26306a04}.lab-toolbar{padding:19px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.lab-toolbar .small-label{display:block;font-size:10px;margin-bottom:3px}.lab-toolbar strong{font-size:16px}.dataset-meta{font-size:12px;color:var(--muted);margin-left:12px}.secondary{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 12px;font-size:14px;white-space:nowrap}.secondary:hover{background:var(--paper)}.secondary span{margin-left:9px}.controls{padding:16px 23px;display:flex;gap:12px;flex-wrap:wrap;background:#fcfdff}.controls label{font-size:12px;color:var(--muted);font-weight:550;flex:1;min-width:120px}select{display:block;width:100%;margin-top:5px;padding:8px 26px 8px 10px;background:white;border:1px solid var(--line);border-radius:6px;font-size:14px;color:var(--ink)}.graph-tabs{display:flex;gap:4px;padding:2px 19px 14px;flex-wrap:wrap}.graph-tabs button{background:none;border:0;font-size:13px;padding:7px 10px;border-radius:6px;color:var(--muted)}.graph-tabs button.active{background:var(--accent);color:#fff}.chart-title-row{display:flex;justify-content:space-between;align-items:center;padding:13px 23px 0;border-top:1px solid #edf0f4;gap:14px}.chart-title-row h2{font-size:18px;margin:0;letter-spacing:-.4px}.chart-title-row p{font-size:12px;color:var(--muted);margin:4px 0}.sample-badge{border:1px solid var(--line);border-radius:5px;padding:3px 9px;white-space:nowrap;font-size:12px;color:var(--muted)}.chart{padding:4px 17px 0;min-height:260px;overflow-x:auto}.chart svg{display:block;width:100%;height:auto;min-height:235px;max-height:365px}.chart svg text{font-family:inherit;fill:var(--muted)}.chart .mark{transition:fill .18s,opacity .18s}.chart .mark:hover,.chart .mark:focus{opacity:.75;stroke:var(--ink);stroke-width:1.5;outline:0}.chart-controls{padding:8px 23px 18px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted)}.chart-controls input[type=range]{accent-color:var(--accent);width:150px}.chart-controls label{display:flex;align-items:center;gap:8px}.chart-controls input[type=checkbox]{accent-color:var(--accent)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fcfdff}.stat{padding:12px 18px}.stat+.stat{border-left:1px solid var(--line)}.stat .small-label{font-size:10px;letter-spacing:1px}.stat strong{display:block;font-size:21px;letter-spacing:-.6px;font-weight:600}.stat small{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}.data-note{padding:10px 23px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.learn-panel{padding:23px 2px 15px 4px}.panel-kicker{color:var(--accent)}.learn-panel h2{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:10px 0 16px}.learn-panel p{font-size:15px;line-height:1.7;color:var(--muted)}.rule{height:1px;background:var(--line);margin:21px 0}.pitfall{background:#eef1f8;border-left:3px solid #a1afcb;padding:12px 14px;margin:20px 0}.pitfall strong{font-size:13px}.pitfall p{margin:5px 0 0;font-size:14px;line-height:1.6}.vocab-area{margin-top:25px}.vocab-area .term{display:inline-block;margin:8px 5px 0 0;border:1px solid #d8dfe9;padding:5px 8px;border-radius:5px;background:#fff;font-size:13px}.term span{display:block;color:var(--accent);font-size:13px}.learning-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.learning-bottom>div{border-top:2px solid var(--line);padding-top:20px}.learning-bottom h2{font-size:19px;line-height:1.4;margin:9px 0}.learning-bottom p{font-size:15px;color:var(--muted)}.connection{padding-right:20px}.check button{font-size:14px;text-align:left;display:block;width:100%;background:white;border:1px solid var(--line);border-radius:6px;padding:9px 12px;margin-top:7px}.check button.correct{border-color:var(--teal);background:#e9f6f2}.check button.wrong{border-color:var(--orange);background:#fff5e9}#feedback{font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:32px;font-size:12px;color:var(--muted)}footer .text-button{font-size:12px}dialog{border:1px solid var(--line);border-radius:14px;padding:24px;width:min(850px,92vw);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#18203670;backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-head h2{font-size:24px;margin:0 0 15px}.icon-button{border:0;background:var(--paper);border-radius:6px;width:34px;height:34px;font-size:25px}#modal-body{overflow:auto;max-height:65vh}table{width:100%;border-collapse:collapse;font-size:14px;margin:15px 0}th{text-align:left;background:var(--paper);font-weight:600}td,th{padding:10px 12px;border-bottom:1px solid var(--line)}td.number,th.number{text-align:center;font-variant-numeric:tabular-nums}tbody tr:hover{background:#f6f8ff}tfoot{font-weight:700}.table-wrap{max-height:310px;overflow:auto}.table-wrap th{position:sticky;top:0}.empty{padding:60px 30px;text-align:center}.legend{display:flex;justify-content:center;gap:18px;font-size:13px;flex-wrap:wrap}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}.stem-table{font-family:ui-monospace,monospace}.stem-table td{letter-spacing:2px}.graph-note{font-size:13px;color:var(--muted);text-align:center;margin:3px 0 12px}.model-form{display:flex;gap:15px;align-items:center}.model-form input[type=number]{width:75px;padding:6px;border:1px solid var(--line);border-radius:5px}.pill{display:inline-block;background:var(--blue-pale);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:12px}.model-hint{padding:12px 16px;background:var(--blue-pale);font-size:14px;line-height:1.6;border-radius:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1550px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.learn-panel{padding-left:14px}.learn-panel p{font-size:16px}}@media(max-width:1200px){.sidebar{width:205px;padding:25px 15px}.page{margin-left:205px}main{padding:28px 24px}.topbar{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.dataset-meta{display:block;margin:2px 0 0}h1{font-size:30px}.chart-tabs button{font-size:12px}.stat{padding:12px}.stat strong{font-size:18px}}@media(max-width:1000px){.sidebar{position:static;width:auto;padding:15px 22px;border-bottom:1px solid var(--line);border-right:0}.brand{font-size:22px}.subject,.chapter-label,.sidebar h2,.side-intro,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:6px;overflow:auto;margin-top:14px}.sidebar nav button{width:auto;white-space:nowrap;margin:0;padding:9px 12px}.page{margin:0}.topbar{height:58px}.workspace{grid-template-columns:minmax(0,1fr) 255px}.chapter-index{display:none}.chart svg{min-height:210px}.chart{min-height:215px}}@media(max-width:730px){.workspace,.learning-bottom{grid-template-columns:1fr}.learn-panel{padding:20px;background:white;border:1px solid var(--line);border-radius:10px}.learning-bottom{gap:18px}.chapter-heading{margin-bottom:20px}main{padding:24px 16px}.topbar{padding:0 16px}.topbar>span{font-size:12px}.topbar strong{display:none}.slash{display:none}.lang-toggle{font-size:12px}.lab-toolbar,.controls{padding:15px}.chart-title-row{padding:14px 15px 0}.chart-title-row h2{font-size:16px}h1{font-size:29px}.chart{padding:4px 5px}.graph-tabs{padding:0 10px 12px}.graph-tabs button{font-size:13px}.chart-controls{padding:10px 15px}.stat{padding:10px}.stat strong{font-size:18px}.stat small{display:block;margin:0}.stat .small-label{font-size:9px}.chapter-heading p{font-size:14px}footer{flex-direction:column;gap:10px}.data-note{padding:10px 15px}.table-wrap{max-height:260px}.small-label{font-size:12px}.learning-bottom>div{padding:18px 0 0}}
.normal-sliders{display:flex;gap:18px;flex-wrap:wrap}.normal-presets{display:flex;gap:8px}.stem-table td:nth-child(2){white-space:normal;word-break:break-word}.stem-table td:first-child{width:80px;text-align:right;border-right:2px solid var(--accent)}.controls .model-form label{min-width:auto}.chart-controls label:has(select){min-width:155px;font-size:12px;display:block}.chart-controls select{margin-top:3px}.chart-title-row{min-height:75px}#modal-body p{font-size:16px}.vocab-area .term{font-size:14px}.learn-panel p{font-size:16px}.graph-tabs button{font-size:14px}.chapter-heading p{font-size:16px}.graph-note{font-size:14px}.stat .small-label{font-size:12px}.sidebar nav button{font-size:14px}.normal-sliders output{min-width:25px}
.mark-detail{font-size:13px;color:var(--muted);margin:8px 5px 12px;padding:9px 12px;background:#f6f8fd;border-radius:5px;min-height:38px}.mark[role=button]{cursor:pointer}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.chart-controls select{min-width:160px}#map-mobile{display:none}@media(max-width:1000px){#map-mobile{display:block}}

.chapter-switch{display:block;margin:24px 0;font-size:12px;letter-spacing:1px;color:var(--muted)}.chapter-switch select{letter-spacing:0}.sidebar{overflow-y:auto}@media(max-width:1000px){.chapter-switch{margin:12px 0 0;max-width:300px}.sidebar{overflow:visible}}
[hidden]{display:none!important}.chapter-picker{margin:26px 0 22px;display:grid;gap:7px}.chapter-picker-label{font-size:11px;letter-spacing:1.7px;color:var(--muted);font-weight:700;margin-bottom:3px}.chapter-link{display:flex;align-items:center;gap:12px;padding:11px 10px;border:1px solid transparent;border-radius:9px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:550;transition:background .12s,color .12s}.chapter-link>span:first-child{display:grid;place-items:center;font-size:12px;width:29px;height:29px;border-radius:8px;background:#f0f3f8;color:#61708a;flex:none}.chapter-link:hover{background:#f5f7fc;color:var(--ink)}.chapter-link.current{color:var(--accent);background:#eef1ff;border-color:#d9dffa}.chapter-link.current>span:first-child{color:white;background:var(--accent)}.chapter-link.current:after{content:'';margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--accent)}.sidebar .subject{margin:15px 0}.sidebar .side-intro{margin-bottom:15px}.sidebar h2{font-size:24px}.sidebar-bottom{padding-top:20px}.skip{z-index:10}.chapter-shell h1:focus{outline:none}@media(prefers-reduced-motion:reduce){.chapter-link{transition:none}}@media(max-width:1000px){.chapter-picker{display:flex;gap:8px;align-items:center;margin:14px 0 0;flex-wrap:wrap}.chapter-picker-label{width:100%;font-size:10px;margin:0}.chapter-link{padding:8px 11px;flex:1;max-width:230px;font-size:14px}.chapter-link.current:after{display:none}.chapter-link>span:first-child{width:24px;height:24px}.sidebar nav{margin-top:12px}.sidebar .side-intro{display:none}}@media(max-width:430px){.chapter-link{gap:7px;padding:8px 7px;font-size:13px}}

/* Shared short-choice controls across both chapters. */
.choice-field{border:0;padding:0;margin:0 0 20px;min-width:0}.choice-field legend{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:10px;padding:0}.choice-buttons{display:flex;flex-wrap:wrap;gap:8px}.choice-buttons button,.normal-presets button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 15px;font-size:14px;line-height:1.4;white-space:normal;text-align:left;min-height:42px}.choice-buttons button[aria-pressed=true],.normal-presets button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.choice-buttons button:hover:not([aria-pressed=true]){border-color:var(--accent);background:var(--blue-pale)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #d49820;outline-offset:3px}.choice-field .choice-buttons{margin-bottom:0}.case-position{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;color:var(--accent);font-size:14px}.last-case{border:1px solid var(--line);border-radius:20px;padding:4px 10px;background:var(--blue-pale);font-weight:600}.case-pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.case-pager button{min-height:44px}.case-pager .primary{margin-left:auto}.chart-controls .choice-field{margin:0}.study-tabs.choice-buttons{margin-bottom:20px}.choice-field .study-tabs{margin-bottom:0}@media(max-width:500px){.choice-buttons button{flex:1 1 135px}.case-pager{gap:8px}.case-pager button{flex:1;font-size:14px;padding:10px}.last-case{white-space:nowrap}}

/* Statistical columns share the alignment of their semantic headings. */
td,th{vertical-align:middle}td:not(.number),th:not(.number){text-align:left}th[scope="row"]{font-weight:550}.stem-table th:first-child,.stem-table td:first-child{text-align:right}.stem-table th:nth-child(2),.stem-table td:nth-child(2){text-align:left}

.chapter-switch{display:block;margin:25px 0 22px;font-size:12px;letter-spacing:1px;color:var(--muted)}.chapter-switch select{letter-spacing:0}.sidebar{overflow-y:auto}.study-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.study-tabs button,.primary{border:1px solid var(--line);border-radius:7px;padding:10px 15px;background:#fff;font-size:14px}.study-tabs button[aria-pressed=true],.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.study-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:22px;align-items:start}.study-card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.study-card h2{font-size:23px;line-height:1.3;margin:0 0 15px;letter-spacing:-.6px}.study-card h3{font-size:17px;margin:20px 0 8px}.study-card p{font-size:16px;color:var(--muted);line-height:1.7}.study-card p:first-child{margin-top:0}.study-card label{font-size:14px;color:var(--muted)}.study-card label:has(select){display:block;margin-bottom:15px}.study-card select{font-size:16px}.study-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.study-actions button{white-space:normal}.callout{padding:14px 17px;border-left:3px solid var(--accent);background:var(--blue-pale);font-size:16px;line-height:1.65;margin-top:18px}.callout p{margin:0}.callout.good{border-color:var(--teal);background:#edf8f5}.callout.warn{border-color:#b66a21;background:#fff6e9}.mini-stats{display:flex;gap:25px;flex-wrap:wrap;background:var(--paper);padding:15px;margin:18px 0}.mini-stats span{display:block;font-size:13px;color:var(--muted)}.mini-stats strong{font-size:23px;font-weight:600}.population-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;margin-top:12px}.student{aspect-ratio:1;border-radius:4px;border:1px solid #c8d1df;background:#edf0f5;position:relative;min-width:0}.student.selected{background:var(--accent);border-color:var(--accent)}.student.selected:after{content:'✓';color:#fff;position:absolute;inset:0;display:grid;place-items:center;font-size:12px}.student:focus-visible{outline:3px solid #f4b542}.sample-key{display:flex;gap:15px;margin:12px 0;font-size:14px;color:var(--muted);flex-wrap:wrap}.sample-key i{display:inline-block;width:12px;height:12px;background:var(--accent);margin-right:5px;border-radius:3px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.group-box{padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.group-box h3{margin:0 0 10px}.person-chips{display:flex;flex-wrap:wrap;gap:5px}.person-chips span{font-size:13px;border:1px solid var(--line);border-radius:4px;padding:3px 6px;background:white}.person-chips .a{background:#edf0ff;border-color:#9ba8f1}.person-chips .b{background:#e9f8f5;border-color:#88c9bd}.person-chips .low{border-bottom:3px solid #b66a21}.person-chips .high{border-bottom:3px solid #7042b1}.study-card .table-wrap{max-height:420px}.study-card table{font-size:14px}.history-chart svg{width:100%;height:auto;display:block}.inference-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.inference-cell{border:1px solid var(--line);padding:14px;border-radius:8px;font-size:14px}.inference-cell.active{border:2px solid var(--accent);background:var(--blue-pale)}.inference-cell strong{display:block;margin-bottom:6px}.toggle-list label{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:16px;color:var(--ink)}.toggle-list input{margin-top:6px;accent-color:var(--accent);width:18px;height:18px}.glossary-search{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;font-size:16px}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.glossary-item{border:1px solid var(--line);padding:17px;border-radius:8px;background:white}.glossary-item h3{margin:0 0 7px;font-size:17px}.glossary-item p{font-size:15px;margin:6px 0;color:var(--muted)}.glossary-item .translation{color:var(--accent)}.reference{font-size:12px;color:var(--muted)}.flow-line{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;margin:20px 0}.flow-line span{padding:12px;background:var(--blue-pale);border-radius:6px;flex:1;min-width:100px;font-size:14px}.flow-line b{align-self:center;color:var(--accent)}.answer-feedback{min-height:32px}.study-card summary{cursor:pointer;color:var(--accent);font-size:14px}.study-card details{margin-top:16px}.study-card .term{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:6px 8px;margin:5px;font-size:14px}.study-card .term small{display:block;color:var(--accent)}.study-card input[type=number]{width:90px;padding:8px;border:1px solid var(--line);border-radius:6px}.muted{color:var(--muted);font-size:14px}.empty-results{padding:25px;background:white}.study-card .question{color:var(--ink);font-weight:550}.study-card [aria-live]{scroll-margin-top:20px}@media(max-width:1150px){.study-grid{grid-template-columns:1fr}.population-grid{gap:4px}.student{min-height:18px}}@media(max-width:1000px){.chapter-switch{display:block;margin:12px 0 0;max-width:300px}.sidebar nav{flex-wrap:wrap}.sidebar nav button{white-space:normal}.sidebar{overflow:visible}}@media(max-width:650px){.study-card{padding:18px}.group-grid,.glossary-grid,.inference-matrix{grid-template-columns:1fr}.population-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.mini-stats{gap:18px}.student{min-height:22px}.topbar strong{display:none}.study-actions .primary{width:100%}.study-card h2{font-size:21px}.study-card .table-wrap{overflow-x:auto}.study-card th,.study-card td{padding:8px}.flow-line{flex-direction:column}.flow-line b{transform:rotate(90deg)}}
/* Sampling groups reflect the selection mechanism, not a common ungrouped grid. */
.sampling-workspace{grid-template-columns:minmax(0,1.8fr) minmax(255px,1fr)}.sampling-steps{counter-reset:step;list-style:none;margin:20px 0;padding:0;display:grid;gap:9px}.sampling-steps li{counter-increment:step;display:flex;align-items:center;gap:10px;font-size:15px}.sampling-steps li:before{content:counter(step);display:grid;place-items:center;flex:none;width:25px;height:25px;background:var(--blue-pale);color:var(--accent);font-size:13px;border-radius:50%;font-weight:700}.grade-key{display:flex;gap:13px;flex-wrap:wrap;margin:20px 0 10px;font-size:13px}.grade-key span{display:flex;align-items:center;gap:5px}.grade-key i{width:12px;height:12px;border-radius:3px;border:1px solid currentColor}.grade-9{--grade:#314fc2;--grade-bg:#e4eaff}.grade-10{--grade:#006c62;--grade-bg:#d5f3ea}.grade-11{--grade:#8a5100;--grade-bg:#ffebc8}.grade-12{--grade:#743b98;--grade-bg:#edddfa}.grade-key i{background:var(--grade-bg);color:var(--grade)}.sampling-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sampling-group{border:1px solid #cad3e1;background:#fafbfe;border-radius:9px;padding:13px}.sampling-group.whole-selected{outline:2px solid var(--accent);outline-offset:-2px;background:#f4f6ff}.sample-group-title{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}.sample-group-title h3{margin:0;font-size:16px}.sample-group-title strong{font-size:12px;font-weight:650;color:var(--accent)}.sampling-group>p{font-size:12px;margin:6px 0 10px}.sampling-group .population-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0}.sampling-group .student{min-width:0;min-height:28px;aspect-ratio:1.12;border-radius:5px;background:var(--grade-bg);border:1px solid #cbd2de;color:var(--grade);font-size:12px;padding:0;opacity:.55}.sampling-group .student.selected{opacity:1;border:2px solid var(--grade);box-shadow:0 0 0 1px white}.sampling-group .student.selected:after{content:'✓';inset:auto 1px 0 auto;font-size:10px;color:var(--grade);line-height:1;background:var(--grade-bg)}.sampling-group .student span{font-weight:600}.sampling-group .student:hover{opacity:1}.group-rule{font-size:12px;font-weight:600;margin-top:10px;line-height:1.5;color:var(--muted)}.ungrouped{grid-template-columns:1fr}.ungrouped .population-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.sample-result{font-size:14px!important;background:var(--blue-pale);border-radius:7px;padding:12px}.history-chart svg{max-height:300px}.study-card{scroll-margin-top:20px}@media(max-width:1200px){.sampling-workspace{grid-template-columns:1fr}}@media(max-width:500px){.sampling-groups{grid-template-columns:1fr}.sampling-group .population-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.sampling-group .student{min-height:26px;font-size:11px}.sample-group-title strong{font-size:12px}.ungrouped .population-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}

/* Additional chapter styles (03 Two-variable data, 04 Probability).
   Reuses the existing design tokens and component classes from style.css. */

/* --- scatter plots ------------------------------------------------------- */
.scatter-wrap { padding: 6px 10px 0; }
.scatter-wrap svg { display:block; width:100%; height:auto; }
.pt { fill: #485ce4; fill-opacity:.78; stroke:#fff; stroke-width:1; }
.pt.sp-Adelie { fill:#485ce4; } .pt.sp-Chinstrap { fill:#078f88; } .pt.sp-Gentoo { fill:#be7440; }
.pt.flagged { fill:#b66a21; stroke:#7a4413; stroke-width:1.6; }
.pt.hover { stroke:#1d2440; stroke-width:1.8; }
.lsrl { stroke:#283bc9; stroke-width:2.4; fill:none; }
.fit-line { stroke:#94a0c8; stroke-width:1.6; stroke-dasharray:5 4; fill:none; }
.resid-seg { stroke:#b7577c; stroke-width:1.4; }
.grid-line { stroke:#e7ebf2; stroke-width:1; }
.axis-title { font-size:12px; fill:var(--muted); }
.tick-label { font-size:11px; fill:var(--muted); }

/* --- controls / readouts ------------------------------------------------- */
.slider-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:10px 0; font-size:14px; color:var(--muted); }
.slider-row label { display:flex; align-items:center; gap:8px; }
.slider-row input[type=range] { accent-color:var(--accent); width:170px; }
.readout { display:flex; gap:18px; flex-wrap:wrap; background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:12px 15px; margin:14px 0; }
.readout div { min-width:120px; }
.readout span { display:block; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted); }
.readout strong { font-size:20px; font-weight:600; }
.value-chip { display:inline-block; background:var(--blue-pale); color:var(--accent); border-radius:5px; padding:3px 8px; font-weight:600; font-size:14px; }
.eq { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:15px; background:var(--paper); border:1px solid var(--line); border-radius:7px; padding:10px 13px; display:inline-block; }
.eq strong { color:var(--accent); }

/* --- probability --------------------------------------------------------- */
.venn-wrap { display:flex; justify-content:center; padding:10px 0; }
.venn { max-width:420px; width:100%; height:auto; }
.venn .circle { fill-opacity:.24; stroke-width:2; }
.venn .circle-a { fill:#485ce4; stroke:#485ce4; }
.venn .circle-b { fill:#078f88; stroke:#078f88; }
.venn .label { font-size:15px; font-weight:600; fill:var(--ink); }
.venn .region-value { font-size:13px; fill:var(--ink); }
.bar-chart { display:flex; align-items:flex-end; gap:6px; height:190px; padding:14px 12px 0; border-bottom:1px solid var(--line); }
.bar-chart .bar { flex:1; background:var(--blue); border-radius:3px 3px 0 0; position:relative; min-height:2px; }
.bar-chart .bar.predicted { background:color-mix(in srgb, var(--accent) 45%, white); }
.bar-chart .bar span { position:absolute; top:-18px; left:50%; transform:translateX(-50%); font-size:10px; color:var(--muted); white-space:nowrap; }
.bar-axis { display:flex; gap:6px; padding:6px 12px 12px; }
.bar-axis span { flex:1; text-align:center; font-size:11px; color:var(--muted); }
.dist-table td, .dist-table th { padding:7px 10px; }
.sim-controls { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:14px 0; }
.outcome-list { list-style:none; padding:0; margin:12px 0; }
.outcome-list li { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding:8px 4px; font-size:14px; }
.outcome-list .ok { color:var(--teal); font-weight:600; }
.outcome-list .no { color:var(--orange); font-weight:600; }
.mc-option { display:block; width:100%; text-align:left; background:#fff; border:1px solid var(--line); border-radius:7px; padding:10px 13px; margin-top:8px; font-size:14px; }
.mc-option.correct { border-color:var(--teal); background:#e9f6f2; }
.mc-option.wrong { border-color:var(--orange); background:#fff5e9; }
.mini-note { font-size:13px; color:var(--muted); line-height:1.6; }
/* --- lesson shell (template v1) ----------------------------------------- */
.lesson-meta { background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:0 0 18px; }
.lesson-ced { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:10px; }
.lesson-ced span { font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--accent); background:var(--blue-pale); border-radius:4px; padding:3px 7px; font-weight:600; }
.lesson-ced .lesson-count { margin-left:auto; color:var(--muted); background:none; letter-spacing:0; text-transform:none; font-weight:500; }
.lesson-objective { font-size:15px; line-height:1.6; color:var(--ink); margin:0 0 8px; }
.lesson-why { font-size:14px; line-height:1.65; color:var(--muted); margin:0 0 12px; }
.lesson-prompts { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.lesson-try, .lesson-watch { border-radius:8px; padding:10px 13px; font-size:13.5px; line-height:1.55; }
.lesson-try { background:var(--blue-pale); border-left:3px solid var(--accent); }
.lesson-watch { background:#fff6e9; border-left:3px solid #b66a21; }
.lesson-try strong, .lesson-watch strong { display:block; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:3px; }
.lesson-checks { background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin-top:18px; }
.lesson-checks h2 { font-size:19px; margin:0 0 12px; }
.check-item { border-top:1px solid var(--line); padding-top:12px; margin-top:12px; }
.check-item:first-of-type { border-top:0; padding-top:0; margin-top:0; }
.check-q { font-size:14.5px; font-weight:550; margin:0 0 8px; }
.check-options { display:flex; flex-direction:column; gap:6px; }
.check-option { text-align:left; background:#fff; border:1px solid var(--line); border-radius:7px; padding:8px 11px; font-size:14px; cursor:pointer; }
.check-option:hover { background:var(--paper); }
.check-option.correct { border-color:var(--teal); background:#e9f6f2; }
.check-option.wrong { border-color:var(--orange); background:#fff5e9; }
.check-feedback { font-size:13.5px; line-height:1.6; color:var(--muted); margin:8px 0 0; }
.lesson-progress { display:inline-block; margin-left:14px; font-size:12px; color:var(--muted); background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:3px 10px; vertical-align:middle; }
@media (max-width:730px) { .lesson-prompts { grid-template-columns:1fr; } .lesson-progress { display:block; margin:8px 0 0; } }

/* Guidance stays in the lab section it explains; no floating layer or note controls. */
.chapter-shell .workspace,.chapter-shell .study-grid,.chapter-shell .sampling-workspace{display:block}
.chapter-shell .study-grid>.study-card{margin-bottom:18px}
.chapter-shell .help-source[hidden]{display:none!important}
.chapter-shell .data-context{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 20px;min-width:0}
.chapter-shell .data-context h2{font-size:21px;margin:0 0 12px;line-height:1.35}
.chapter-shell .data-context p{font-size:15px;line-height:1.65;color:var(--muted)}
.chapter-shell .data-context .table-wrap{max-height:310px;overflow:auto}
.chapter-shell .data-context details{margin-top:12px}
.chapter-shell .inline-guidance{min-width:0;margin:14px 0;padding:10px 14px;border-left:2px solid #c8d2e4;background:#f6f8fc;color:var(--muted);font-size:14px;line-height:1.65}
.chapter-shell .inline-guidance p{margin:0;font-size:14px;line-height:1.65;color:inherit}
.chapter-shell .inline-guidance p+p{margin-top:8px}
.chapter-shell .inline-guidance strong{color:var(--ink);font-weight:650}
.chapter-shell .lab>.inline-guidance{margin:12px 20px}
.chapter-shell .data-context>.inline-guidance{margin-bottom:0}
.chapter-shell .inline-guidance:last-child{margin-bottom:0}
@media(max-width:650px){.chapter-shell .inline-guidance{padding:9px 11px}.chapter-shell .lab>.inline-guidance{margin:10px 14px}.chapter-shell .data-context{padding:15px}.chapter-shell .data-context .table-wrap{max-height:260px}}

/* Public course shell. Legacy engines appear only inside a CED topic's lab. */
.course-sidebar{position:fixed;inset:0 auto 0 0;width:286px;background:#fff;border-right:1px solid var(--line);padding:26px 19px 20px;z-index:35;overflow-y:auto}.course-brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.7px}.course-brand-icon{display:block;flex:none}.course-mobile-brand{display:flex;align-items:center;gap:8px}.course-edition{font-size:10px;letter-spacing:1.25px;color:var(--muted);margin:17px 0 23px}.course-home-link{display:block;padding:10px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:650}.course-home-link.current{background:var(--blue-pale);color:var(--accent)}.course-unit-nav{border-bottom:1px solid var(--line);padding:10px 0}.course-unit-nav>summary{list-style:none;padding:9px 19px 9px 9px;position:relative;cursor:pointer}.course-unit-nav>summary::-webkit-details-marker{display:none}.course-unit-nav>summary:after{content:'›';position:absolute;right:3px;top:20px;color:var(--muted);font-size:19px;transform:rotate(0deg)}.course-unit-nav[open]>summary:after{transform:rotate(90deg)}.course-unit-nav>summary>span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.2px;margin-bottom:4px}.course-unit-nav>summary strong{display:block;font-size:14px;font-weight:650;line-height:1.45}.course-unit-nav ol{list-style:none;padding:0;margin:8px 0}.course-unit-nav li{margin:2px 0}.course-unit-nav li a{display:flex;gap:10px;padding:9px 9px;border-radius:7px;text-decoration:none;font-size:12.5px;line-height:1.45;color:var(--muted)}.course-unit-nav li a>span:first-child{min-width:29px;color:#778299}.course-unit-nav li a:hover{background:var(--paper);color:var(--ink)}.course-unit-nav li a.current{background:var(--blue-pale);font-weight:700;color:var(--accent)}.course-unit-nav li a.current>span:first-child{color:var(--accent)}.course-unit-overview{display:block;padding:6px 9px;color:var(--accent);font-size:12px;text-decoration:none}.course-sidebar-footer{font-size:12px;line-height:1.6;margin-top:28px;display:grid;gap:15px;color:var(--muted)}.course-sidebar-footer a{text-decoration:none}
#course-main{margin-left:286px;padding:44px 46px 30px;max-width:none;min-height:100vh;outline:none}#course-content{max-width:1210px;margin:auto}.course-footer{max-width:1210px;margin:48px auto 0}.course-mobile{display:none}.course-skip{position:fixed;left:310px;top:-90px;z-index:100;background:white;padding:12px;border:1px solid var(--accent)}.course-skip:focus{top:12px}.course-home-hero{max-width:900px;margin:35px 0 45px}.course-home-hero h1{font-size:clamp(38px,4.8vw,64px);letter-spacing:-2px;line-height:1.1;margin:18px 0 26px}.course-home-hero>p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);max-width:740px}.course-facts{display:flex;flex-wrap:wrap;gap:24px;margin:27px 0;color:var(--muted);font-size:13px}.course-facts strong{font-size:22px;color:var(--ink);margin-right:5px}.course-start{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:12px 17px;border-radius:8px;font-weight:650;font-size:14px}.course-unit-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.course-unit-card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;text-decoration:none;display:flex;flex-direction:column}.course-unit-card:last-child{grid-column:1/-1}.course-unit-card:hover{border-color:var(--accent)}.course-card-kicker{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;letter-spacing:1px}.course-card-kicker span:first-child{font-weight:750;color:var(--accent)}.course-unit-card h2{font-size:24px;line-height:1.35;margin:17px 0 12px}.course-unit-card p{color:var(--muted);font-size:14px;line-height:1.7}.course-unit-card>div:last-child{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:12px;margin-top:auto;padding-top:15px}.course-unit-card>div:last-child>span{color:var(--accent);font-weight:650}.course-resource-block{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin-top:25px}.course-resource-block h2{margin:0 0 13px;font-size:23px}.course-resource-block>p{color:var(--muted);line-height:1.8}.course-downloads{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.course-downloads a{background:white;border:1px solid var(--line);border-radius:7px;padding:10px 14px;text-decoration:none;color:var(--accent);font-size:13px}
.course-topic-heading{margin:0 0 30px;max-width:1000px}.course-topic-heading h1{font-size:clamp(28px,3.3vw,44px);letter-spacing:-1px;line-height:1.2;margin:14px 0 23px}.course-topic-heading>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.75}.course-topic-heading>.eyebrow{margin-top:24px;font-size:11px}.course-breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted)}.course-breadcrumb a{text-decoration:none}.course-topic-tabs{display:flex;gap:8px;flex-wrap:wrap}.course-topic-tabs a{font-size:12px;text-decoration:none;border:1px solid var(--line);background:white;border-radius:7px;padding:8px 11px;color:var(--accent)}.course-topic-index{list-style:none;margin:25px 0;padding:0}.course-topic-index li{margin:10px 0}.course-topic-index a{display:flex;gap:18px;padding:21px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;align-items:start}.course-topic-index a:hover{border-color:var(--accent)}.course-topic-index a>span:last-child{margin-left:auto;color:var(--accent)}.course-topic-number{color:var(--accent);font-size:15px;font-weight:750;min-width:35px}.course-topic-index h2{font-size:18px;line-height:1.45;margin:0 0 8px}.course-topic-index p{font-size:12px;color:var(--muted);margin:0}
.course-reading{max-width:1000px}.course-objectives{margin:30px 0;background:#eef1ff;border-left:3px solid var(--accent);padding:21px 24px;border-radius:0 9px 9px 0}.course-objectives h2{font-size:17px;margin:0 0 12px}.course-objectives ul{padding-left:18px;margin:0}.course-objectives li{font-size:14px;line-height:1.75;margin-top:7px}.course-objectives li>span{font-size:11px;font-weight:650;color:var(--accent);margin-right:5px}.course-block{background:white;border:1px solid var(--line);border-radius:11px;padding:25px;margin:20px 0;min-width:0;scroll-margin-top:70px}.course-block h2{font-size:22px;line-height:1.4;letter-spacing:-.4px;margin:0 0 15px}.course-block h3{font-size:18px}.course-block p,.course-block li{font-size:15px;line-height:1.85;color:#46536a}.course-block ul{padding-left:22px}.course-block li{margin:6px 0}.course-block-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.course-block-head h2{flex:1}.course-block-head>.note-trigger{flex:none;margin-top:3px}.course-block-head .eyebrow{font-size:10px;margin:0 0 5px}.course-formula{border:1px solid #dce3f3;border-radius:7px;background:#f7f9fd;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#223d76;margin-top:18px}.course-example details{margin-top:17px;border-top:1px solid var(--line);padding-top:14px}.course-example summary{font-size:14px;font-weight:650;color:var(--accent);cursor:pointer}.course-watch{border-left:3px solid #b66a21;background:#fff5e7;padding:17px 21px;border-radius:0 8px 8px 0;margin:24px 0}.course-watch h2{font-size:15px;margin:0 0 6px}.course-watch p{font-size:14px;line-height:1.8;margin:0;color:#6c5333}.course-source-note{font-size:12px!important;color:var(--muted);line-height:1.8;margin:20px 0}.course-source-note a{color:var(--accent)}.course-topic-pager{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:35px 0}.course-topic-pager a{background:white;border:1px solid var(--line);border-radius:8px;padding:17px;text-decoration:none}.course-topic-pager small{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.course-topic-pager strong{font-size:13px;color:var(--accent);font-weight:600;line-height:1.6}.course-check-options{display:grid;gap:9px}.course-check-options button{border:1px solid var(--line);border-radius:7px;background:white;text-align:left;font-size:14px;line-height:1.65;padding:12px 14px}.course-check-options button.correct{background:#e9f6f2;border-color:var(--teal)}.course-check-options button.wrong{background:#fff3e4;border-color:var(--orange)}.course-check-question{font-weight:600;color:var(--ink)!important}.course-check-feedback{font-size:14px;line-height:1.8;margin-top:16px}.course-lab-choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.course-lab-choices button{border:1px solid var(--line);background:white;border-radius:6px;padding:9px 12px;font-size:12px}.course-lab-choices button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}
/* Keep engines and their data, not their obsolete chapter navigation/chrome. */
.embedded-course-lab{display:block!important}.embedded-course-lab[hidden]{display:none!important}.embedded-course-lab>.skip,.embedded-course-lab>.sidebar,.embedded-course-lab>.page>.topbar,.embedded-course-lab .chapter-heading,.embedded-course-lab .guidance-hint,.embedded-course-lab footer,.embedded-course-lab .learning-bottom>.connection{display:none!important}.embedded-course-lab .page{margin:0!important}.embedded-course-lab .legacy-main{padding:0!important;max-width:none;margin:0}.embedded-course-lab .workspace,.embedded-course-lab .study-grid{display:block}.embedded-course-lab .data-context{padding:18px;margin-bottom:20px}.embedded-course-lab .lab{box-shadow:none}.embedded-course-lab .learning-bottom{display:block}.embedded-course-lab .learning-bottom>.check{padding-top:15px}.embedded-course-lab .help-source{display:none!important}.embedded-course-lab .note-caption{margin:0}.embedded-course-lab .table-wrap{max-height:300px}.embedded-course-lab .lab-toolbar{padding:14px}.embedded-course-lab .lab-toolbar .dataset-meta{display:block;margin-left:0}.embedded-course-lab .lab-toolbar .secondary{font-size:12px}.embedded-course-lab .controls{padding:14px}.embedded-course-lab .data-context h2{font-size:19px}.embedded-course-lab .data-context p{font-size:14px}.embedded-course-lab .mini-note{font-size:13px}.chapter-link.current:after{content:none!important;display:none!important}
/* A question's fragments always occupy separate rows. Enlarge only the stem. */
.question-summary{font-size:12px;color:var(--muted);white-space:nowrap}.question-progress{font-size:12px!important;margin-top:0}.question-progress .text-button{font-size:12px;margin-left:12px}.question-picker{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.question-picker>span{font-size:12px;color:var(--muted)}.question-picker ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:9px 0 0}.question-picker li{margin:0}.question-picker button{border:1px solid var(--line);border-radius:6px;min-width:36px;min-height:36px;background:#fff;font-size:13px}.question-picker button[aria-current=step]{background:var(--accent);color:white;font-weight:700;border-color:var(--accent)}.question-card{min-width:0}.question-card-head{display:flex;justify-content:space-between;gap:14px;align-items:baseline;flex-wrap:wrap;margin-bottom:19px}.question-card-head h3{font-size:17px;margin:0}.question-source{font-size:11px;color:var(--muted)}.question-stem{white-space:pre-wrap;font-size:16px!important;color:var(--ink)!important;line-height:1.8!important}.question-images,.question-option-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.question-art{display:block;max-width:100%;height:auto!important;flex:none;object-fit:contain}.question-enlarge{font-size:12px;margin:12px 0 5px}.question-options{display:flex;flex-direction:column;gap:10px;margin:21px 0 16px;padding:0;border:0;min-width:0}.question-options legend{font-size:13px;font-weight:600;margin-bottom:12px}.question-option{display:flex;align-items:flex-start;gap:12px;min-height:49px;width:100%;padding:13px;text-align:left;background:white;border:1px solid var(--line);border-radius:8px}.question-letter{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid #ccd4e3;border-radius:50%;font-size:12px;font-weight:700}.question-option-body{flex:1;font-size:14px;line-height:1.75;padding-top:1px}.question-option.correct{background:#eef9f4;border-color:var(--teal)}.question-option.wrong{background:#fff5e8;border-color:var(--orange)}.question-option[aria-pressed=true]{outline:1px solid currentColor;outline-offset:-2px}.question-option.correct .question-letter{background:var(--teal);color:#fff;border-color:var(--teal)}.question-feedback{font-size:14px;line-height:1.7;margin:15px 0;min-height:22px}.question-explanation{border-left:3px solid var(--accent);background:var(--blue-pale);padding:15px 18px;margin-top:18px}.question-explanation h4{font-size:15px;margin:0 0 7px}.question-explanation p{font-size:14px;margin:0}.question-pager{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.question-pager .secondary{font-size:12px;white-space:normal}.question-pager>span{font-size:12px;color:var(--muted);white-space:nowrap}.question-end{font-size:12px!important;color:var(--muted)!important;margin-bottom:0}.question-enlarged{display:flex;flex-direction:column;align-items:flex-start;gap:14px;overflow:auto;max-height:63vh;border:1px solid var(--line);padding:16px;background:#fff;isolation:isolate}.question-enlarged .question-art{max-width:none;position:static!important;height:auto!important;flex:none;object-fit:contain}.question-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.question-dialog-head .eyebrow{font-size:10px;margin:0 0 7px}.question-dialog-head h2{font-size:22px;margin:0}.question-dialog-head+p{font-size:13px;color:var(--muted)}#question-enlargement{width:min(1050px,96vw);max-width:96vw;max-height:92vh;padding:21px}
.course-tool-form{display:flex;gap:15px;flex-wrap:wrap;align-items:end;margin:22px 0}.course-tool-form label{font-size:12px;color:var(--muted);display:block;flex:1 1 190px}.course-tool-form input{width:100%;display:block;padding:9px 11px;border:1px solid var(--line);border-radius:6px;margin-top:7px;background:#fff;font-size:15px;color:var(--ink)}.course-tool-form select{min-height:42px}.course-tool-form>.primary{min-height:42px}.course-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;border:1px solid var(--line);background:var(--paper);border-radius:8px}.course-readouts span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.course-readouts strong{font-size:20px;color:var(--ink);overflow-wrap:anywhere}.course-condition{font-size:13px!important;padding:12px 14px;background:#eff7f5;border-radius:6px}.course-condition.warn{background:#fff3e2;color:#785525!important}.course-counts{border:1px solid var(--line);border-radius:8px;padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;width:100%}.course-counts legend{font-size:13px;padding:0 7px}.course-tool-plot{width:100%;height:auto;background:white;border-bottom:1px solid var(--line);margin-top:18px}.course-tool-plot text{font-family:inherit;font-size:12px;fill:var(--muted)}
body.ss-framed .course-sidebar{top:46px;height:calc(100vh - 46px)}body.ss-framed .course-skip:focus{top:52px}

@media(max-width:1279px){#course-main{padding:36px 31px}}
@media(max-width:900px){.course-sidebar{width:280px;transform:translateX(-100%);transition:transform .16s;top:52px!important;height:calc(100vh - 52px)!important}.course-menu-open .course-sidebar{transform:translateX(0)}.course-mobile{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;height:53px;padding:0 17px}.course-mobile button{background:white;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:12px}.course-mobile a{font-size:16px;text-decoration:none;font-weight:700}#course-main{margin-left:0;padding:28px 25px}.course-scrim:not([hidden]){position:fixed;inset:53px 0 0;background:#16223f55;border:0;z-index:34;width:100vw;height:100vh}.course-skip{left:15px}.course-home-hero{margin-top:15px}.course-home-hero h1{font-size:44px}.course-reading{max-width:none}.course-topic-heading h1{font-size:33px}body.ss-framed .course-mobile{top:46px}body.ss-framed .course-sidebar{top:99px!important;height:calc(100vh - 99px)!important}body.ss-framed .course-scrim:not([hidden]){top:99px}.course-unit-card h2{font-size:21px}}
@media(max-width:600px){#course-main{padding:27px 17px}.course-unit-cards{grid-template-columns:1fr}.course-unit-card:last-child{grid-column:auto}.course-home-hero h1{font-size:38px;letter-spacing:-1.4px}.course-home-hero>p:not(.eyebrow){font-size:16px}.course-facts{gap:13px;font-size:11px}.course-facts strong{font-size:20px}.course-unit-card{padding:21px}.course-topic-heading h1{font-size:30px}.course-block{padding:20px 17px}.course-block h2{font-size:20px}.course-block p,.course-block li{font-size:14px;line-height:1.85}.course-topic-index a{padding:16px;gap:10px}.course-topic-index h2{font-size:16px}.course-topic-number{font-size:13px;min-width:27px}.course-objectives{padding:18px}.course-objectives li{font-size:13px}.course-topic-pager{gap:10px}.course-topic-pager a{padding:12px}.course-topic-pager strong{font-size:12px}.course-topic-tabs a{font-size:11px;padding:8px}.course-formula{font-size:13px;padding:12px}.question-card-head{gap:9px}.question-options{gap:9px}.question-option{gap:9px;padding:11px}.question-option-body{font-size:14px}.question-letter{width:25px;height:25px}.question-pager{flex-wrap:wrap}.question-pager .secondary{padding:9px;min-height:42px;max-width:43%}.question-pager>span{font-size:11px}.course-counts{gap:8px;padding:12px}.course-counts label{font-size:10px}.course-readouts{padding:12px;gap:13px}.course-readouts strong{font-size:18px}.course-block-head{gap:9px}.question-summary{font-size:11px;white-space:normal}.question-dialog-head h2{font-size:18px}#question-enlargement{padding:15px}.question-enlarged{padding:10px}.embedded-course-lab .data-context{padding:15px}.embedded-course-lab .stat-strip{grid-template-columns:1fr 1fr}.embedded-course-lab .stat{border-bottom:1px solid var(--line)}.embedded-course-lab .chart{padding:0}.embedded-course-lab .controls label{min-width:100px}.course-check-options button{font-size:13px}.course-downloads a{font-size:12px}.course-resource-block{padding:20px}.course-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.course-sidebar{transition:none}}
@media print{.course-sidebar,.course-mobile,.course-topic-tabs,.course-scrim,.course-topic-pager,.note-trigger{display:none!important}#course-main{margin:0;padding:0}.course-reading{padding:0}.course-block{break-inside:avoid}.course-footer{margin-top:20px}}

.course-glossary summary,.course-short-answers summary{cursor:pointer;font-size:14px;color:var(--accent);font-weight:600}.course-glossary dl{display:grid;gap:15px;margin-top:22px}.course-glossary dl>div{padding-bottom:15px;border-bottom:1px solid var(--line)}.course-glossary dt{font-weight:700;font-size:15px}.course-glossary dt span{font-size:13px;font-weight:400;color:var(--muted);margin-left:8px}.course-glossary dd{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.course-glossary dd small{display:block;margin-top:5px;font-size:11px}.course-short-answers article{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.course-short-answers h3{font-size:15px;line-height:1.8}.embedded-course-lab #graph-tabs{display:none!important}

.course-unit-overview.current{background:var(--blue-pale);font-weight:700;border-radius:7px}

#current-question-heading{scroll-margin-top:100px}

.course-objectives{scroll-margin-top:70px}
@media(max-width:900px){body.ss-framed .course-block,body.ss-framed .course-objectives,body.ss-framed #current-question-heading{scroll-margin-top:120px}}

/* Topic vocabulary occupies the former floating-note gutter. */
.course-topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:28px;align-items:start}
.course-reading{min-width:0;max-width:none;padding-right:0}.course-topic-layout .course-objectives{margin-top:0}
.course-keywords{position:sticky;top:24px;align-self:start;min-width:0;max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid var(--line);border-radius:11px;background:#fff;scroll-margin-top:90px}
body.ss-framed .course-keywords{top:70px;max-height:calc(100vh - 94px)}
.course-keywords-head{padding:21px 19px 16px;border-bottom:1px solid var(--line)}.course-keywords .eyebrow{font-size:10px;margin:0 0 9px}.course-keywords h2{font-size:18px;margin:0;line-height:1.4;letter-spacing:-.35px}.course-keywords h2>span{font-size:13px;font-weight:500;color:var(--muted);margin-left:7px}.course-keywords-head>p:not(.eyebrow){font-size:12px;line-height:1.6;color:var(--muted);margin:9px 0 0}
.course-term-list{margin:0;padding:0 19px}.course-term-direct{padding:16px 0;border-bottom:1px solid var(--line)}.course-term-direct:last-child,.course-term:last-child{border-bottom:0}.course-term-direct dt{margin:0}.course-term-en{display:block;font-size:14px;font-weight:650;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}.course-term-zh{display:block;font-size:12px;line-height:1.6;color:var(--accent);margin-top:3px}.course-term-direct dd{font-size:12px;line-height:1.85;color:#59677c;margin:9px 0 0}
.course-term{border-bottom:1px solid var(--line)}.course-term summary{display:block;list-style:none;cursor:pointer;position:relative;padding:15px 19px 15px 0}.course-term summary::-webkit-details-marker{display:none}.course-term summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.course-term-chevron{position:absolute;right:2px;top:22px;width:6px;height:6px;border-right:1.5px solid #8c98b0;border-bottom:1.5px solid #8c98b0;transform:rotate(45deg);transition:transform .18s}.course-term[open] .course-term-chevron{transform:rotate(225deg)}.course-term-definition{padding:0 0 16px}.course-term-definition p{font-size:12px;line-height:1.85;color:#59677c;margin:0}.course-term[open] .course-term-definition{animation:course-term-reveal .16s ease-out}
@keyframes course-term-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.course-source-note>span{display:block;margin-top:3px}
/* Branches keep concept relationships visible as a diagram, with readable DOM text. */
.course-concept-map{margin-left:0;margin-right:0;padding:24px 20px}.course-concept-map .eyebrow{font-size:10px;margin:0 0 8px}.course-concept-map h2{font-size:21px;margin-bottom:9px}.course-concept-map figcaption>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:0;color:var(--muted)}
.course-concept-canvas{margin-top:20px;min-width:0}.course-concept-tree,.course-concept-tree ul{display:flex;justify-content:center;align-items:flex-start;list-style:none!important;margin:0;padding:20px 0 0;position:relative;gap:8px}.course-concept-tree{padding-top:0}.course-concept-tree li{flex:1 1 0;position:relative;padding:20px 0 0;margin:0!important;min-width:0;text-align:center}.course-concept-tree>li{padding-top:0}.course-concept-tree li:before,.course-concept-tree li:after{content:'';position:absolute;top:0;right:50%;width:calc(50% + 4px);height:20px;border-top:1px solid #bcc8df}.course-concept-tree li:after{right:auto;left:50%;border-left:1px solid #bcc8df}.course-concept-tree li:first-child:before,.course-concept-tree li:last-child:after,.course-concept-tree>li:before,.course-concept-tree>li:after{display:none}.course-concept-tree li:last-child:before{border-right:1px solid #bcc8df}.course-concept-tree li:only-child:before{display:none}.course-concept-tree li:only-child:after{display:block;border-top:0}.course-concept-tree>li:only-child:after{display:none}.course-concept-tree ul:before{content:'';position:absolute;left:50%;top:0;height:20px;border-left:1px solid #bcc8df}
.course-concept-node{background:#f7f9fd;border:1px solid #d9e1f0;border-radius:8px;padding:11px 8px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.course-concept-node strong{display:block;font-size:13px;font-weight:650;color:#273b61}.course-concept-node>span{display:block;font-size:12px;color:#4b6291;margin-top:3px}.course-concept-node small{display:block;font-size:11px;color:#647188;line-height:1.65;margin-top:6px}.course-concept-node.concept-depth-0{background:#eef1ff;border-color:#b9c3ed}.concept-depth-0 strong{color:var(--accent);font-size:15px}.concept-depth-1{background:#f1f8f6;border-color:#c4dfd7}.concept-depth-1>span{color:#397365}
@media(max-width:1199px){.course-topic-layout{grid-template-columns:minmax(0,1fr);gap:24px}.course-keywords,body.ss-framed .course-keywords{position:static;order:-1;max-height:none}.course-term-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.course-term-direct:last-child,.course-term:last-child{border-bottom:1px solid var(--line)}.course-term-direct:last-child,.course-term:last-child,.course-term-direct:nth-last-child(2):nth-child(odd),.course-term:nth-last-child(2):nth-child(odd){border-bottom:0}.course-keywords-head{padding:18px 20px 14px}.course-term-list{padding-bottom:3px}.course-keywords h2{font-size:17px}}
@media(max-width:600px){.course-term-list{display:block;padding:0 17px}.course-term-direct:nth-last-child(-n+2),.course-term:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.course-term-direct:last-child,.course-term:last-child{border-bottom:0}.course-keywords{scroll-margin-top:70px}.course-term-direct dd,.course-term-definition p{font-size:13px}.course-concept-map{padding:20px 17px}.course-concept-tree,.course-concept-tree ul{display:block;padding:0;gap:0}.course-concept-tree li{padding:12px 0 0 18px;text-align:left}.course-concept-tree>li{padding:0}.course-concept-tree ul{margin-left:14px}.course-concept-tree ul:before{left:0;height:calc(100% - 34px);top:0}.course-concept-tree li:before{display:block!important;right:auto;left:0;top:34px;height:0;width:18px;border:0;border-top:1px solid #bcc8df}.course-concept-tree li:after{display:none!important}.course-concept-tree>li:before{display:none!important}.course-concept-tree li:last-child:before{border-right:0}.course-concept-node{padding:11px 13px}.course-concept-node strong{font-size:14px}.course-concept-node small{font-size:12px}.course-concept-node>span{font-size:12px}body.ss-framed .course-keywords{scroll-margin-top:120px}}
@media(prefers-reduced-motion:reduce){.course-term-chevron{transition:none}.course-term[open] .course-term-definition{animation:none}}
@media print{.course-topic-layout{display:block}.course-keywords,body.ss-framed .course-keywords{position:static;max-height:none;break-inside:avoid}.course-term-definition{display:block}.course-concept-map{break-inside:avoid}}

.course-keywords{scrollbar-width:thin;scrollbar-color:#c6d0e1 transparent;scrollbar-gutter:stable}.course-explore{background:transparent;border:0;padding:0;margin:30px 0}.course-explore>.course-block-head{margin-bottom:16px}.course-explore .course-block-head h2{margin-bottom:0}

.embedded-course-lab #pb-workspace,.embedded-course-lab #tv-workspace{display:grid;gap:18px}.embedded-course-lab #pb-workspace>.study-card,.embedded-course-lab #tv-workspace>.study-card{margin:0}
.course-resource-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:24px}.course-resource-columns h3{font-size:16px;line-height:1.5;margin:0 0 8px}.course-resource-columns p{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 15px}.course-resource-columns ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.course-resource-columns a{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:7px;color:var(--accent);text-decoration:none;line-height:1.6}.course-resource-columns a:hover{background:var(--blue-pale);border-color:var(--accent)}.course-resource-columns a:focus-visible{outline:3px solid #d49820;outline-offset:2px}.course-resource-columns strong{display:block;font-size:13px}.course-resource-columns a span{display:block;color:var(--muted);font-size:12px}@media(max-width:600px){.course-resource-columns{grid-template-columns:1fr;gap:26px}}

/* Topic sections stay available while the lesson, labs, and questions scroll. */
:root{--course-fixed-top:0px;--course-navigation-height:52px}
body.ss-framed{--course-fixed-top:46px}
#course-content{--course-scroll-offset:calc(var(--course-fixed-top,0px) + var(--course-navigation-height,52px) + 18px)}

.course-wayfinding{
  position:sticky;top:var(--course-fixed-top,0px);z-index:30;
  display:flex;align-items:center;gap:14px;min-width:0;min-height:52px;
  margin:0 0 30px;padding:7px 12px;
  background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  box-shadow:0 4px 10px #19243806;font-size:12px;line-height:1.4;
}
.course-wayfinding-topic{flex:none;padding-right:14px;border-right:1px solid var(--line);font-weight:700;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.course-wayfinding-links{display:flex;align-items:center;gap:3px;flex:1;min-width:0}
.course-wayfinding a{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;
  padding:7px 10px;border-radius:5px;text-decoration:none;white-space:nowrap;
  color:var(--muted);font-size:12px;font-weight:550;
}
.course-wayfinding-links a[aria-current="location"]{background:var(--blue-pale);color:var(--accent);font-weight:700}
.course-wayfinding a:hover{background:var(--paper);color:var(--accent)}
.course-wayfinding-links a[aria-current="location"]:hover{background:var(--blue-pale)}
.course-wayfinding-tools{display:flex;align-items:center;gap:2px;flex:none;margin-left:auto}
.course-wayfinding-tools a{padding-right:7px;padding-left:7px;font-weight:500}
.course-section-select-label{display:none;position:relative;min-width:0;margin:0}
.course-section-select-label:after{content:'';position:absolute;right:9px;top:calc(50% - 4px);width:6px;height:6px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(45deg);pointer-events:none}
#course-section-select{appearance:none;width:100%;min-width:0;max-width:100%;min-height:36px;margin:0;padding:7px 22px 7px 8px;font-size:12px;line-height:1.4;border-color:#d2d9e6;color:var(--accent);font-weight:650;background-color:#fff}
.course-wayfinding a:focus-visible,.course-wayfinding select:focus-visible,.course-section-shortcut:focus-visible{outline:3px solid #d49820;outline-offset:2px}

/* Space and a small numbered heading mark each stage without another card. */
.course-section-group{min-width:0;margin:44px 0 0;padding:0;border-top:0}
#topic-learn{margin-top:0;padding-top:0;border-top:0}
.course-section-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 22px;min-width:0}
.course-section-number{flex:none;display:grid;place-items:center;min-width:29px;min-height:33px;border-bottom:2px solid var(--accent);color:var(--accent);font-size:20px;font-weight:750;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}
.course-section-heading>div{min-width:0;flex:1}
.course-section-heading .course-section-title,.course-section-heading h2{margin:0;font-size:26px;font-weight:700;letter-spacing:-.65px;line-height:1.25;color:var(--ink)}
.course-section-heading .course-section-description{margin:7px 0 0;font-size:14px;line-height:1.75;color:var(--muted);max-width:680px}
.course-section-shortcut{flex:none;align-self:center;margin-left:auto;padding:7px 0 7px 8px;color:var(--accent);font-size:12px;line-height:1.5;text-underline-offset:3px}
.course-section-group>.course-block:first-of-type{margin-top:0}
.course-block .course-card-title{margin:0 0 15px;font-size:22px;font-weight:700;line-height:1.4;letter-spacing:-.4px;color:var(--ink)}
.course-block-head .course-card-title{flex:1}
.course-explore .course-block-head .course-card-title{margin-bottom:0}
.course-objectives h3{font-size:17px;margin:0 0 12px}
.course-watch .course-watch-title{font-size:15px;margin:0 0 6px;line-height:1.4}
.course-short-answers h4{font-size:15px;line-height:1.8}
.course-unit-review>ol{padding-left:24px;line-height:1.8}
.course-unit-review>ol>li{padding-left:5px;margin:15px 0}
.course-unit-review small{color:var(--muted);white-space:nowrap}
.course-unit-review details{margin-top:22px}
.course-unit-review details article{margin-top:22px}
.course-unit-review details h4{font-size:15px;line-height:1.6;margin-bottom:8px}
.course-unit-review-intro a{font-size:13px;text-underline-offset:3px}
.course-review-note{color:var(--muted);font-size:12px;line-height:1.8}
.question-enlarged>p{font-size:21px;line-height:1.9;max-width:850px;margin:12px auto}

/* Override older fixed scroll offsets, including cards inside the embedded labs. */
#course-content [id],#course-content .course-section-group,#course-content .course-block,#course-content .course-objectives,#course-content #current-question-heading,#course-content .course-keywords,#course-content .course-term,#course-content .course-term-direct{scroll-margin-top:var(--course-scroll-offset)}
.course-topic-layout .course-keywords,body.ss-framed .course-topic-layout .course-keywords{top:calc(var(--course-fixed-top,0px) + var(--course-navigation-height,52px) + 16px);max-height:calc(100vh - var(--course-fixed-top,0px) - var(--course-navigation-height,52px) - 32px)}

@media(min-width:901px) and (max-width:1099px){
  .course-wayfinding{gap:8px;padding-right:8px;padding-left:8px}
  .course-wayfinding-links{gap:0}
  .course-wayfinding a{padding-right:8px;padding-left:8px}
  .course-wayfinding-tools a{padding-right:5px;padding-left:5px}
}
@media(max-width:1199px){
  .course-topic-layout .course-keywords,body.ss-framed .course-topic-layout .course-keywords{position:static;max-height:none}
}
@media(max-width:900px){
  body{--course-fixed-top:53px}
  body.ss-framed{--course-fixed-top:99px}
  .course-wayfinding{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px;padding:7px 6px;margin-bottom:25px}
  .course-wayfinding-links{display:none}
  .course-section-select-label{display:block}
  .course-wayfinding-tools{gap:1px;margin-left:0}
  .course-wayfinding-tools a{padding-right:1px;padding-left:1px}
  .course-section-group{margin-top:40px;padding-top:0}
  .course-section-heading{gap:11px}
  .course-section-heading .course-section-title,.course-section-heading h2{font-size:25px}
}
@media(max-width:600px){
  .course-wayfinding .course-wayfinding-topic{display:none}
  .course-wayfinding{grid-template-columns:minmax(0,1fr) auto}
  .course-section-heading{flex-wrap:wrap;gap:9px 11px;margin-bottom:20px}
  .course-section-number{min-width:25px;min-height:29px;font-size:18px}
  .course-section-heading .course-section-title,.course-section-heading h2{font-size:23px;letter-spacing:-.45px}
  .course-section-heading .course-section-description{font-size:13px;line-height:1.75}
  .course-section-shortcut{flex:0 0 calc(100% - 36px);margin-left:36px;padding:0}
  .course-block .course-card-title{font-size:20px}
}
/* Keep the units menu available without consuming a third of a short screen. */
@media(max-width:900px) and (max-height:500px){
  body{--course-fixed-top:38px}
  body.ss-framed{--course-fixed-top:84px}
  .course-mobile{height:38px}
  .course-mobile button{padding-top:4px;padding-bottom:4px}
  body.ss-framed .course-sidebar{top:84px!important;height:calc(100vh - 84px)!important}
  body.ss-framed .course-scrim:not([hidden]){top:84px}
  .course-wayfinding{min-height:42px;padding-top:3px;padding-bottom:3px}
  .course-wayfinding a,#course-section-select{min-height:32px;padding-top:5px;padding-bottom:5px}
}
@media(prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  .course-wayfinding,.course-wayfinding *{scroll-behavior:auto;transition:none}
}
@media print{
  .course-wayfinding,.course-section-shortcut{display:none!important}
  .course-section-group{margin-top:28px;padding-top:0;break-before:auto}
  .course-section-heading{break-after:avoid}
  .course-topic-layout .course-keywords,body.ss-framed .course-topic-layout .course-keywords{position:static;max-height:none}
  #course-content [id],#course-content .course-section-group,#course-content .course-block,#course-content .course-objectives,#course-content #current-question-heading,#course-content .course-keywords,#course-content .course-term,#course-content .course-term-direct{scroll-margin-top:0}
}

.course-lab-status{color:var(--muted);font-size:14px;line-height:1.8}