@layer components{.lesson-page{max-width:1000px}.lesson-page>.eyebrow{margin:12px 0;display:block}.lesson-lead{max-width:65ch;margin:16px 0 24px;font-size:1rem;line-height:1.7}.lesson-section{padding:24px 0}.lesson-section+.lesson-section{border-top:1px solid var(--divider)}.lesson-section h2{margin-bottom:12px;font-size:1.3rem}.lesson-section p,.step-teaching p{max-width:72ch;line-height:1.7}.lesson-section li,.step-teaching li{line-height:1.7}.lesson-section ol,.help-reasoning ol{padding-left:24px}.lesson-basics{border:1px solid var(--divider);background:var(--surface);border-radius:12px;padding:0 18px}.lesson-basics>summary{grid-template-columns:18px minmax(0,1fr) 18px;gap:12px;padding:16px 0;list-style:none;display:grid}.lesson-basics>summary:before,.learning-move>summary:before{content:none}.lesson-basics>summary::-webkit-details-marker{display:none}.learning-move>summary::-webkit-details-marker{display:none}.lesson-basics[open]>summary>svg:last-child,.learning-move[open]>summary>svg{transform:rotate(180deg)}.foundation-help{border-bottom:1px solid var(--divider);padding:8px 0}.foundation-help summary,.step-teaching summary,.worked-context summary{cursor:pointer;min-height:44px;margin-left:20px;padding:10px 0;font-weight:500;display:list-item}.foundation-help summary:before,.step-teaching summary:before,.worked-context summary:before{content:none}.foundation-links{border-left:2px solid var(--divider);padding-left:14px}.lesson-terms{gap:16px;margin:20px 0;display:grid}.lesson-terms dt{font-weight:550}.lesson-terms dd{color:var(--muted);margin:6px 0;line-height:1.7}.lesson-pitfall{border-left:3px solid var(--accent);background:var(--accent-soft);margin-top:20px;padding:16px}.lesson-section label{gap:8px;display:grid}.lesson-section select{border:1px solid var(--outline);background:var(--surface);max-width:100%;min-height:46px;color:var(--ink);border-radius:8px;padding:10px}.lesson-section .button{margin:10px 10px 0 0}.example-heading,.calculation-heading,.micro-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.example-heading>span,.calculation-heading>span,.micro-heading>span{color:var(--muted);font-size:.8rem}.lesson-section>.muted{margin-bottom:18px;font-size:.85rem}.lesson-example{background:var(--surface);border:1px solid var(--divider);border-radius:12px;margin:20px 0;padding:20px}.lesson-example h3{margin-bottom:12px}.lesson-example p+p{margin-top:12px}.worked-step{border-top:1px solid var(--divider);margin-top:24px;padding-top:24px}.worked-heading{align-items:center;gap:14px;margin-bottom:12px;display:flex}.worked-number{background:var(--ink);width:36px;height:36px;color:var(--surface);border-radius:50%;flex:0 0 36px;place-items:center;font-size:.9rem;display:grid}.worked-heading h3{font-size:1.2rem}.worked-context{margin-bottom:12px}.worked-context p,.help-purpose p{margin:12px 0}.learning-moves{grid-template-columns:minmax(0,1fr);gap:4px;margin:16px 0;padding:0;list-style:none;display:grid}.lesson-section .learning-moves{padding:0}.learning-moves>li{min-width:0;margin:0;position:relative}.learning-moves>li:not(:last-child):before{content:"";background:var(--divider);width:1px;position:absolute;top:46px;bottom:-10px;left:16px}.learning-move>summary{cursor:pointer;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:14px;min-height:52px;margin:0;padding:8px 0;font-weight:500;list-style:none;display:grid}.move-number{border:1px solid var(--outline);background:var(--surface);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.8rem;display:grid}.learning-move[open] .move-number{background:var(--accent-soft);border-color:var(--accent)}.move-body{min-width:0;margin:0 0 16px 48px}.move-math{background:var(--subtle);border-radius:10px;min-width:0;padding:14px 16px}.move-math .math-view{margin:0}.move-reason{color:var(--muted);margin-top:10px;font-size:.9rem}.learning-condition{border-left:2px solid var(--accent);margin-top:10px;padding-left:12px;font-size:.9rem}.math-caption{color:var(--muted);font-size:.75rem;display:block}.math-caption:not(:first-child){margin-top:16px}.relation-proof{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.relation-proof .math-view{max-width:100%}.step-result{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;margin:20px 0;padding:16px}.step-result .math-view{margin-bottom:0}.example-complete{border-top:1px solid var(--divider);padding:20px 0}.step-teaching{border-top:1px solid var(--divider);min-width:0;margin:20px 0;padding-top:12px}.step-teaching .button{white-space:normal}.step-teaching .math-view{max-width:100%}.staged-help{padding:16px 0;font-size:1rem;display:block}.help-levels{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.help-levels li{border-bottom:2px solid var(--divider);color:var(--muted);flex:5rem;align-items:center;gap:8px;padding:10px;font-size:.8rem;display:flex}.help-levels li[aria-current=step]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.help-levels li.unlocked>span{color:var(--ink)}.help-reasoning{margin-bottom:12px}.staged-help>.muted{font-size:.85rem}.calculation-heading{margin-top:24px}.calculation-heading h3{font-size:1rem}.worked-result{margin:15px 0}.move-practice{border:1px solid var(--outline);background:var(--surface);border-radius:12px;margin:20px 0;padding:18px}.micro-heading h4{margin:0;font-size:1rem}.move-practice progress{width:100%;height:4px;accent-color:var(--accent);background:var(--divider);border:0;border-radius:4px;margin:12px 0 18px;display:block}.move-practice progress::-webkit-progress-bar{background:var(--divider);border-radius:4px}.move-practice progress::-webkit-progress-value{background:var(--accent);border-radius:4px}.move-practice progress::-moz-progress-bar{background:var(--accent);border-radius:4px}.micro-action{margin-bottom:12px}.micro-reason{margin:10px 0}.micro-answer{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.micro-answer label{flex:10rem;gap:8px;min-width:0;font-size:.85rem;display:grid}.micro-answer input{width:100%;max-width:100%}.micro-answer .button{margin:0}.move-practice>.muted{margin-top:14px;font-size:.8rem}.move-practice>[role=status]{margin-top:12px}.micro-complete{align-items:center;gap:8px;margin:20px 0;display:flex}.micro-complete svg{flex-shrink:0}.current-answer-part{border-left:3px solid var(--accent);padding-left:.75rem}.lesson-page :is(h1,h2,h3,h4,p,li,dt,dd,summary),.step-teaching :is(p,li,dt,dd,summary){overflow-wrap:anywhere}.step-connection{border:1px solid var(--divider);border-radius:10px;min-width:0;margin:16px 0;padding:14px}.connection-heading{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.connection-heading>strong{font-size:.9rem}.connection-statement{color:var(--muted);font-size:.85rem}.connection-prompt{margin:6px 0;font-size:.9rem}.connection-data{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:8px 0;display:grid}.connection-data>figure{background:var(--surface);border:1px solid var(--divider);border-radius:8px;min-width:0;margin:0;padding:10px}.connection-data figcaption{color:var(--muted);font-size:.75rem}.connection-data .math-view{margin:6px 0 0}.connection-rule{border-left:2px solid var(--accent);margin-top:12px;padding-left:12px}.connection-rule p{margin:8px 0;font-size:.9rem}.connection-previous{margin-top:12px}.connected-result{border:1px solid var(--divider);border-radius:8px;min-width:0;margin:12px 0;padding:12px}.connected-result figcaption,.micro-goal{color:var(--muted);font-size:.8rem}.term-rule-origin{border-top:1px solid var(--divider);margin-top:12px;padding-top:12px}.live-equation{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;min-width:0;margin:16px 0;padding:16px}.live-equation .math-view{margin:10px 0 0}.micro-why{color:var(--muted);margin:8px 0 14px;font-size:.9rem}.equation-guide{border:1px solid var(--divider);border-radius:12px;min-width:0;margin:16px 0;padding:14px}.equation-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.equation-pair figure{background:var(--subtle);border-radius:8px;min-width:0;margin:0;padding:12px}.equation-pair figcaption{font-size:.8rem;font-weight:550}.equation-pair .math-view{margin-bottom:0}.equation-guide>details{margin-top:12px}.equation-guide summary{cursor:pointer;min-height:44px;margin-left:20px;padding:10px 0;font-size:.85rem;display:list-item}.equation-guide summary:before{content:none}.equation-guide p{font-size:.85rem;line-height:1.7}.coefficient-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.coefficient-key dt{font-size:.9rem;font-weight:550}.coefficient-key dd{color:var(--muted);margin:4px 0 0;font-size:.75rem;line-height:1.7}.workspace-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.workspace-legend{color:var(--muted);font-size:.7rem}.workspace-legend:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.workspace-tip{color:var(--muted);margin:10px 0 0;font-size:.75rem}.workspace-formula [data-workspace-focus]{background:color-mix(in srgb, var(--accent) 17%, transparent);box-shadow:0 2px var(--accent);border-radius:4px}.workspace-formula .math-term{z-index:2;width:max(24px,100%);height:max(24px,100%);font:inherit;color:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workspace-anchor{position:relative}.workspace-formula .math-term[data-workspace-kind=operator]{z-index:1}.workspace-formula .math-term:hover,.workspace-formula .math-term[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 30%, transparent);outline:1px solid var(--accent);outline-offset:2px}.workspace-formula .math-term:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.workspace-formula [data-workspace-change]{animation:.6s ease-out term-update}.term-inspector{background:var(--surface);border:1px solid var(--divider);border-radius:9px;min-width:0;margin-top:14px;padding:14px}.term-inspector header{justify-content:space-between;align-items:center;gap:12px;display:flex}.term-inspector h5,.basic-step h5{margin:0;font-size:.9rem;font-weight:550}.term-inspector .inspector-close{border:1px solid var(--divider);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:inline-flex}.term-inspector p,.basic-step p{margin:8px 0;font-size:.85rem}.term-context{color:var(--muted)}.term-origin{border-top:1px solid var(--divider);margin-top:12px;padding-top:12px}.workspace-basics{border:1px solid var(--divider);background:var(--surface);border-radius:8px;margin:12px 0;padding:0 14px}.basic-heading{color:var(--muted);justify-content:space-between;padding:4px 0 12px;font-size:.75rem;display:flex}.basic-step{border-left:2px solid var(--accent);min-width:0;margin-bottom:16px;padding:10px 12px}.basic-step h5>span{color:var(--muted);margin-right:6px}.basic-step .math-view{margin:12px 0 0}.workspace-basics>.button{width:100%;margin:0 0 12px}.workspace-basics>.muted{margin-bottom:12px;font-size:.75rem}@keyframes term-update{0%{background:var(--accent)}to{background:0 0}}:root[data-motion=reduced] [data-workspace-change]{animation:none}@media (prefers-reduced-motion:reduce){[data-workspace-change]{animation:none}}.step-purpose p{color:var(--muted);margin:12px 0;font-size:.82rem;line-height:1.6}.current-math{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;margin:16px 0;padding:12px 18px}.current-math .math-view{margin:8px 0}.lesson-recap{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);text-align:left;margin:24px 0}.lesson-recap>div{grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.lesson-recap>div+div{border-top:1px solid var(--divider)}.lesson-recap span{color:var(--muted);font-size:.75rem}.lesson-recap p{margin:0;font-size:.8rem;line-height:1.6}.entry-check,.simple-explanation,.shortcut-help,.retry-help{border:1px solid var(--divider);border-radius:10px;min-width:0;margin:12px 0;padding:12px 16px}.entry-check label,.focused-practice label{gap:8px;margin:12px 0;display:grid}.entry-check input,.focused-practice input:not([type=radio]),.entry-check select{border:1px solid var(--divider);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--text);border-radius:8px;padding:10px 12px}.entry-check .button,.focused-practice .button{margin-top:12px}.focused-practice .step-option{display:flex}.shortcut-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.shortcut-comparison figure{background:var(--accent-soft);border-radius:8px;min-width:0;padding:12px}.shortcut-comparison figcaption{color:var(--muted);font-size:.75rem}.catalogue-more{margin-top:24px}.catalogue-count{color:var(--muted);margin:20px 0;font-size:.8rem}.step-teaching.in-panel{border:0;margin:0;padding:0}.help-tabs{flex-wrap:wrap;gap:6px;margin:0 0 24px;display:flex}.help-tabs>button{border:1px solid var(--divider);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:.8125rem}.help-tabs>button[aria-selected=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.help-tabs>button:disabled{opacity:.6;cursor:wait}.help-content{min-width:0}.help-content h3{margin:0 0 14px;font-size:1rem;line-height:1.4}.help-content p,.help-content li{font-size:.875rem;line-height:1.65}.help-content p+p{margin-top:12px}.help-content .step-connection{border:0;margin:0;padding:0}.help-content .connection-heading{display:none}.help-content .connection-prompt{margin:0 0 18px}.help-content .connection-data{grid-template-columns:minmax(0,1fr);gap:0;margin:16px 0}.help-content .connection-data>figure{border:0;border-bottom:1px solid var(--divider);background:0 0;border-radius:0;padding:12px 0}.help-content .connection-data .math-view{margin:6px 0 0;font-size:1.1rem}.help-content .connection-rule{background:var(--subtle);border:0;border-radius:9px;margin:18px 0;padding:16px}.help-calculation{justify-content:space-between;width:100%;margin-top:12px}.help-back{margin-bottom:20px;font-size:.8125rem}.foundation-links{border:0;gap:0;margin:16px 0;padding-left:0;display:grid}.foundation-link{border:0;border-bottom:1px solid var(--divider);width:100%;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:.875rem;display:flex}.foundation-link>svg{flex-shrink:0}.foundation-panel{border:0;padding:0}.foundation-current h3{margin:4px 0 16px;font-size:1rem}.foundation-current p{margin-bottom:12px;font-size:.875rem;line-height:1.65}.foundation-example-picker{gap:8px;margin:18px 0;font-size:.8125rem;display:grid}.foundation-example-picker select{border:1px solid var(--divider);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:10px 12px}.learning-moves .move-body{margin:12px 0}.learning-moves .calculation-heading{margin-top:0}.learning-moves .calculation-heading strong{font-size:.875rem;font-weight:550}.help-pager{border-top:1px solid var(--divider);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:12px;display:flex}.help-pager .text-button{min-height:44px;font-size:.8125rem}.help-example .step-result{margin:16px 0}.help-details .help-reasoning{margin:16px 0 24px;padding-left:20px}.help-details .help-reasoning>li+li{margin-top:12px}.in-panel .move-practice{border:0;margin:16px 0 0;padding:0}.in-panel .live-equation{margin:16px 0;padding:14px}.in-panel .workspace-formula{font-size:1.125rem}.in-panel .move-math{padding:12px}.in-panel .micro-answer{display:grid}.in-panel .micro-answer .button{width:100%}.workspace-basics{padding:14px}.workspace-basics .basic-step{margin:0 0 16px}.basic-open{min-height:44px;margin-bottom:12px;font-size:.8125rem}.basic-heading strong{color:var(--ink);font-size:.875rem}.term-inspector .inspector-title{margin:0;font-size:.875rem}.calculation-rule{margin-bottom:14px}.calculation-source{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.calculation-source figure{background:var(--subtle);border-radius:8px;min-width:0;max-width:100%;margin:0;padding:10px 12px}.calculation-source figcaption{color:var(--muted);font-size:.75rem}.calculation-source .math-view{margin:6px 0 0;font-size:1rem}.current-math .live-equation{background:0 0;border:0;border-radius:0;margin:0;padding:0}.current-math-reference{color:var(--muted);margin:0 0 12px;font-size:.75rem}.current-math-origins{border-top:1px solid var(--divider);margin-top:10px;padding-top:10px}.current-math-origins p{margin:4px 0;font-size:.8rem;line-height:1.6}.teaching-update{border-left:2px solid var(--accent);background:var(--subtle);margin-bottom:16px;padding:12px;font-size:.8125rem;line-height:1.6}}@layer responsive{@media (width<=599px){.lesson-page h1{font-size:2.1rem}.lesson-basics{padding-inline:12px}.lesson-example,.move-practice{padding:14px}.lesson-section .button{width:100%;margin-right:0}.learning-move>summary{gap:10px}.move-body{margin-left:0;padding-left:0}.learning-moves>li:before{display:none}.move-math{padding:12px}.micro-answer .button{width:100%}.equation-pair,.coefficient-key{grid-template-columns:minmax(0,1fr)}.live-equation{padding:12px}}@media (width>=1000px){.exercise-context{scrollbar-width:thin;align-self:start;max-height:calc(100dvh - 104px);position:sticky;top:84px;overflow:auto}}@media (width<=599px){.shortcut-comparison,.lesson-recap>div{grid-template-columns:minmax(0,1fr);gap:6px}.current-math{padding:10px}}}