/* Consistent reading rhythm, compact chrome, and generous interaction targets. */
:root{--reading-width:66ch}
.page-heading{gap:24px;margin-bottom:28px}.page-heading p{max-width:var(--reading-width);line-height:1.75}.settings-card,.review-card{border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 30px #07182b06}.settings-card p,.review-card p{line-height:1.75}.review-card{display:flex;flex-direction:column;gap:14px;padding:24px}.review-card h2{font-size:21px;letter-spacing:-.4px}.review-card>.secondary{margin-top:auto;min-height:46px}.review-evidence{font-size:13px;color:var(--muted)}.review-evidence summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.review-evidence p{padding-top:8px}.settings-card .field{margin-block:18px}.check-row{min-height:44px}.text-button{min-height:40px}.sheet-close{border-radius:12px}.sheet-close:hover{background:var(--soft)}
.task-label>span:last-child{white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}.task-content{scroll-padding:16px}.task-shell .lesson-intro{justify-content:flex-start;align-items:stretch;padding-top:20px;padding-bottom:18px}.lesson-intro>.lumi-rig{align-self:center;flex:none}.lesson-intro .eyebrow{justify-content:center}.lesson-intro h1,.lesson-intro>p{text-align:center}.lesson-intro .familiarity{margin-top:18px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;flex:none}.familiarity label>span{width:100%;min-height:48px}.lesson-intro .familiarity legend{padding:0 6px;font-size:13px}.task-content .confidence label{min-width:0}.task-content .confidence label>span{flex-direction:column;gap:4px;font-size:12px;min-height:65px}.task-tools:has(>button:first-child[data-sheet]){grid-template-columns:repeat(2,minmax(0,1fr))}.task-actions .primary{letter-spacing:.25px}.task-sheet{scroll-padding-top:18px}.task-sheet>h2{max-width:90%;line-height:1.3}.task-sheet .guided-step{box-shadow:none}.learning-summary{width:100%;text-align:left;border:1px solid var(--line);border-radius:20px;padding:20px;background:var(--surface)}.learning-summary h2{font-size:17px!important;margin-bottom:16px}.learning-summary p{font-size:14px;margin-top:16px}.evidence-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.evidence-row span{font-size:11px;color:var(--muted)}.evidence-row b{display:block;font-size:25px;color:var(--ink);font-variant-numeric:tabular-nums}
.concept-explorer{margin-block:22px;padding:20px;border-radius:20px;background:var(--soft);border:1px solid var(--line)}.concept-explorer h3{margin-top:0}.concept-explorer .eyebrow{font-size:10px;margin-bottom:8px}.concept-explorer p{font-size:14px;line-height:1.7}.concept-explorer label{display:block;font-weight:700;font-size:13px}.concept-explorer output{float:right;font-variant-numeric:tabular-nums}.concept-explorer input[type=range]{width:100%;min-height:44px;accent-color:#208fca}.concept-explorer small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.concept-explorer summary{min-height:44px;cursor:pointer;font-weight:700;font-size:13px;display:list-item;align-content:center}.concept-visual{margin:18px 0}.concept-visual svg{display:block;max-height:220px;width:100%}.fraction-strip{display:grid;grid-template-columns:repeat(var(--parts),1fr);height:38px;gap:2px;margin:8px 0;border:1px solid var(--line);padding:3px;border-radius:9px;background:var(--surface)}.fraction-strip i{background:var(--line);border-radius:2px}.fraction-strip .filled{background:#168bb9}.balance-equation{display:flex;align-items:center;gap:12px;justify-content:center;font-size:24px}.balance-equation span{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:14px;min-width:85px;text-align:center}.concept-result{color:var(--ink)}
html[data-theme=light] .support-button>span:first-child,html[data-theme=light] .confidence label b,html[data-theme=light] .familiarity label b{color:#0877a4}html[data-theme=light] .calc-toolbar [aria-pressed=true]{background:#0875ab}html[data-theme=light] .concept-explorer{background:#eef5fc}
@media(max-width:600px){.task-sheet:not(.calculator){padding:22px 18px}.concept-explorer{padding:16px}.settings-card,.review-card{padding:20px}.lesson-intro .familiarity{padding:12px}.task-summary .summary-stats{margin-block:6px}.task-content.task-summary>.lumi-rig{width:100px;flex:none}.learning-summary{padding:16px}.task-summary .eyebrow{font-size:9px}.task-shell .lesson-intro h1{font-size:26px}.task-shell .lesson-intro>p{font-size:15px}.familiarity label{display:flex;width:100%}}
@media(prefers-reduced-motion:reduce){.concept-explorer *{scroll-behavior:auto}}

.task-sheet>.sheet-close{position:sticky;top:0;z-index:4;background:var(--surface);box-shadow:0 2px 8px #0001}.math-block.code pre{font-family:ui-monospace,Consolas,monospace!important;text-align:left}.concept-explorer .concept-visual svg text{font-size:11px}
.settings-grid{align-items:start}.settings-card p{font-size:14px}.settings-card p.micro{font-size:12px}.settings-card .field{font-size:14px}.settings-card select{font-size:16px}.task-label{font-size:11px}.task-label>span:last-child{font-size:12px}.task-header .micro{font-size:10px}.review-card .badge{align-self:flex-start}
@media(min-width:901px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid>.settings-card:nth-child(1){grid-column:1;grid-row:1}.settings-grid>.settings-card:nth-child(2){grid-column:2;grid-row:1/span 3}.settings-grid>.settings-card:nth-child(3){grid-column:1;grid-row:2}.settings-grid>.settings-card:nth-child(4){grid-column:1;grid-row:3}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}