.learning .wrap{max-width:1240px}.learning-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:3rem;padding-top:3rem;padding-bottom:4rem}.lesson-nav{position:sticky;top:90px;align-self:start}.lesson-nav button{display:block;width:100%;text-align:left;border:0;border-left:2px solid var(--rule);padding:12px 10px;margin:3px 0;background:none;cursor:pointer;color:var(--muted);font:inherit;line-height:1.35;min-height:48px}.lesson-nav button[aria-current=true]{color:var(--ink);border-color:var(--accent);background:var(--surface)}.module-intro h1{font-size:clamp(2.1rem,5vw,3.8rem)}.module-intro .sum{font-size:1.1rem;color:var(--muted)}.lesson-panel h2{font-size:2rem;margin-top:2rem}.lesson-panel h3{font:500 1.15rem var(--sans);margin-top:1.5rem}.lesson-panel p,.lesson-panel li{max-width:72ch}.lesson-panel p{margin:1rem 0}.concept-map{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.concept-map span{padding:9px 12px;border:1px solid var(--rule);background:var(--card);border-radius:4px;font-size:.88rem}.concept-map span:not(:last-child)::after{content:' →';color:var(--accent)}.lab,.exercise,.worked,.evidence,.recap{margin:26px 0;padding:24px;background:var(--card);border:1px solid var(--rule);border-radius:12px}.lab h3,.exercise h3,.worked h3{margin-top:0}.lab svg{width:100%;height:auto;display:block;margin:22px 0;background:var(--bg);border-radius:8px}.lab svg text{font:13px var(--sans);fill:var(--ink)}.learning button.control{font:500 15px var(--sans);padding:12px 18px;border:1px solid var(--rule);border-radius:4px;min-height:46px;background:var(--bg);color:var(--ink);cursor:pointer}.learning button.control[aria-pressed=true]{background:var(--ink);color:var(--card)}.learning button:disabled{opacity:.5;cursor:default}.learning .controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.learning input[type=range]{display:block;width:100%;accent-color:var(--accent);min-height:44px}.learning input[type=number],.learning input[type=text]{font:inherit;padding:12px;border:1px solid var(--rule);background:var(--bg);max-width:100%;min-height:44px}.reading-metric{font:500 1.2rem var(--mono);color:var(--accent);margin:16px 0}.feedback{padding:15px;background:var(--surface);border-left:3px solid var(--accent);margin:16px 0;line-height:1.6}.learning label{display:block;margin:16px 0}.learning table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.93rem}.learning th,.learning td{padding:12px 10px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}.table-scroll{overflow-x:auto}.learning summary{cursor:pointer;min-height:44px;padding:8px 0}.lesson-progress{height:5px;background:var(--rule);margin:18px 0}.lesson-progress span{display:block;height:100%;background:var(--accent)}.progress-label{font:12px var(--mono);color:var(--muted)}.lesson-nav select{display:none}.learning .step{padding:10px 0}.learning li{margin:12px 0}.learning .note{font-size:.93rem}.next-row{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.sources-list a{overflow-wrap:anywhere}.learning .micro{font-size:.84rem;color:var(--muted)}.learning .module-chip{display:inline-block;font:12px var(--mono);padding:6px 9px;background:var(--surface);margin-right:6px}.learning .formula{font-family:var(--mono);padding:16px;background:var(--surface);overflow-x:auto}.learning .lesson-nav .reset{font-size:.85rem;color:var(--accent)}@media(max-width:800px){.learning-layout{grid-template-columns:1fr;padding-top:1.5rem;gap:1.4rem}.lesson-nav{position:static}.lesson-nav .nav-buttons{display:none}.lesson-nav select{display:block;width:100%;padding:13px;background:var(--card);border:1px solid var(--rule);font:inherit;color:var(--ink)}.lab,.exercise,.worked,.evidence,.recap{padding:18px}.learning table{font-size:.86rem}.learning th,.learning td{padding:10px 8px}.lesson-panel h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lesson-panel,.lab,.exercise,.worked,.evidence,.recap,.table-scroll{min-width:0;max-width:100%}.learning table{table-layout:fixed;overflow-wrap:anywhere}.learning .formula{max-width:100%}.learning .controls button{max-width:100%;white-space:normal;text-align:left}.learning .sources-list{overflow-wrap:anywhere}
.learning .table-scroll table{min-width:0!important;width:100%!important}.learning th,.learning td{white-space:normal!important;overflow-wrap:anywhere}.learning .table-scroll th{letter-spacing:.06em}
.learning .lang[aria-disabled=true]{font-size:.61rem;letter-spacing:.02em;color:var(--muted)}.learning #lesson-heading{scroll-margin-top:100px}.learning .lab svg text{font-size:18px}.learning .lab svg{overflow:visible}.learning #learning-root{scroll-margin-top:90px}

.learning .process-diagram{margin:22px 0;padding:18px;background:var(--bg);border-radius:8px}.learning .process-node{background:var(--surface);border:1px solid var(--rule);border-radius:5px;padding:14px;text-align:center;line-height:1.4}.learning .process-node.highlight{background:var(--accent-light,#D2B783)}.learning .process-arrow{text-align:center;color:var(--accent);line-height:1.3;padding:2px}.learning .timeline-diagram{list-style:none;margin:22px 0 22px 14px;padding:0 0 0 24px;border-left:3px solid var(--accent)}.learning .timeline-diagram li{position:relative;padding:10px 0;line-height:1.5}.learning .timeline-diagram li:before{content:"";position:absolute;left:-31px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--accent)}

.learning .bar-diagram{padding:18px;background:var(--bg);border-radius:8px;margin:22px 0}.learning .bar-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(90px,2fr);gap:8px;align-items:center;padding:12px 0}.learning .bar-row strong{grid-column:2;font-size:.9rem;font-weight:500;overflow-wrap:anywhere}.learning .bar-track{height:26px;background:var(--surface)}.learning .bar-fill{height:100%;background:var(--accent)}.learning .bar-diagram .micro{margin:16px 0 0}

.learning textarea{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid var(--rule);background:var(--bg);color:var(--ink);resize:vertical}

/* Accessible small-text accent; decorative fills keep the site palette. */
.learning th,.learning .eyebrow,.learning .lesson-nav .reset,.learning .reading-metric,.learning .process-arrow{color:#705824}
.learning .bar-row>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){.learning .bar-row{grid-template-columns:minmax(0,1fr);gap:7px}.learning .bar-row>span,.learning .bar-row .bar-track,.learning .bar-row strong{grid-column:1}.learning .bar-row strong{font-size:.9rem}}

/* Active-learning layer */
.learning .practice-nav{display:flex;gap:8px;margin:16px 0}.learning .practice-nav button.control{flex:1;padding:10px 8px;min-height:46px;text-align:center}.learning .practice-nav button[aria-current=true]{background:var(--ink);color:var(--card)}
.learning .prequestion{margin:18px 0;padding:6px 18px;background:var(--card);border:1px dashed var(--rule);border-radius:12px}.learning .prequestion summary{font-weight:500}
.learning .conf{margin:12px 0 0}.learning .conf .micro{margin:0}.learning .opts.locked button{cursor:default}.learning .opts.locked button:disabled{opacity:1}
.learning .verdict{margin:8px 0;max-width:72ch}.learning .restudy{list-style:none;padding:0;margin:12px 0}.learning .restudy li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0}
.learning .lesson-nav .practice-nav+label{margin-top:12px}
@media(max-width:800px){.learning .practice-nav{margin:12px 0}}
.learning .conf .micro.need{color:var(--ink);font-weight:500}

.learning #lesson-heading:focus{outline:none}
.learning .readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.learning .readouts>div{background:var(--bg);border-radius:8px;padding:10px 12px;min-width:0}.learning .readouts dt{font-size:.85rem;overflow-wrap:anywhere}.learning .readouts dd{margin:4px 0 0;font-size:1.05rem;font-weight:500;overflow-wrap:anywhere}.learning .lab label{display:block;margin:10px 0}.learning .lab input[type=checkbox]{width:22px;height:22px;vertical-align:middle;accent-color:var(--accent);margin-right:4px}