:root{--bg:#f6f8fc;--ink:#123047;--muted:#4b5c6b;--accent:#245dda;--line:#cad6e2;--primary:#245dda;--teal:#007f86;--paper:#fff;--reference:#5b4bdb;--change:#c34d2b}
body{background:var(--bg);color:var(--ink);line-height:1.65}a{color:#245dda}button,input,select,textarea{font:inherit}button,a,summary,input,select,textarea{touch-action:manipulation}button,summary,.btn{min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #245dda;outline-offset:4px}
.topbar{background:white;color:var(--ink);border-bottom:1px solid var(--line);position:relative;flex-wrap:wrap;gap:14px}.topbar a,.topbar nav a{color:var(--ink)}.brand{gap:10px}.brand-mark{width:42px;height:42px}.brand small{color:var(--muted)}footer{background:white}.btn{background:#245dda;color:#fff;border:1px solid #245dda}.btn.light{background:white;color:#123047;border-color:#a5b7cb}.text-button,.text-link{color:#245dda}.learning-card,.explore-picture,.explore-controls{background:white}.secondary-text,.secondary-reading,.input-note{color:var(--muted)}
.flow-dock{position:static;margin:24px 0 0;background:white;border:1px solid var(--line);border-radius:12px;padding:12px}.flow-dock>div{width:100%;max-width:none;padding:0;gap:12px}.flow-page{padding-bottom:25px}.mp-phases{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.mp-phases a{color:var(--muted);padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:650;flex:1;white-space:nowrap}.mp-phases a[aria-current]{color:#fff;background:#245dda;border-color:#245dda}.mp-phases span{margin-right:5px}.flow-heading{gap:16px}.flow-heading h1{line-height:1.25}
.worked-mathscroll{overflow:visible}.worked-grid,.notebook-mode .worked-grid{display:block;width:100%;min-width:0;max-width:100%}.worked-row{display:block;border-bottom:1px solid var(--line);padding:8px 0}.mp-equation{display:flex;gap:9px;align-items:center;overflow-x:auto;max-width:100%;padding:5px 0;scrollbar-gutter:stable}.mp-equation .work-cell{flex-shrink:0;min-height:0;padding:5px 2px}.work-why{max-width:none;border:0;padding:8px 0 12px;min-height:0}.worked-row.unrevealed{display:none}.notebook-mode .worked-row.unrevealed{display:block}.notebook-mode .work-why{display:none}.worked-component{min-width:0}.work-cell math{white-space:nowrap}.learning-card,.explore-picture,.explore-grid>*{min-width:0}.math-inline{max-width:100%;overflow-x:auto;vertical-align:middle}.formula{overflow-x:auto}.dt-workspace{border:1px solid var(--line);background:#fff}.dt-feedback{border-left:4px solid #007f86;background:#eff8f8;color:#123047;padding:12px}.dt-feedback.is-hint{border-color:#c34d2b}.dt-target{outline:3px solid #007f86;outline-offset:-3px}.dt-reference-table .dt-dim{opacity:.55}.mp-legend{font-size:.9rem;display:flex;gap:16px;flex-wrap:wrap}.mp-legend span:before{content:'';display:inline-block;width:24px;margin-right:6px;border-top:3px solid #007f86;vertical-align:middle}.mp-legend .reference:before{border-color:#5b4bdb;border-top-style:dashed}.mp-legend .change:before{border-color:#c34d2b}.mp-carousel{border:1px solid var(--line);border-radius:12px;padding:14px;background:white}.mp-carousel-nav{display:flex;gap:8px;flex-wrap:wrap}.mp-carousel-nav button[aria-current]{background:#245dda;color:white}.mp-carousel-note{font-size:.9rem;color:var(--muted)}.mp-focus{border-left:4px solid #007f86;padding:12px;background:#f1f8f9}.mp-stages{display:flex;flex-wrap:wrap;gap:6px}.mp-stages button[aria-pressed=true]{border:2px solid #245dda}
.mp-term{border:0;border-bottom:1px dotted #245dda;padding:0 2px;min-height:0;background:transparent;color:inherit;cursor:pointer;text-align:inherit;font:inherit;display:inline}.mp-glossary-dialog{border:1px solid #a5b7cb;border-radius:14px;padding:24px;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;color:#123047;box-sizing:border-box;background:white}.mp-glossary-dialog::backdrop{background:#12304766}.mp-glossary-dialog h2{margin:0 0 12px}.mp-glossary-dialog button{float:right}.mp-glossary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.mp-glossary-list article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.mp-goal{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:white}.mp-goal select{width:100%;padding:10px}.mp-method p{white-space:normal}.mp-method ol{padding-left:24px}.mp-method textarea{width:100%;min-height:100px}.mp-method details{border-top:1px solid var(--line);padding:10px 0}.mp-camera{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
@media(max-width:600px){.topbar{padding:12px 16px}.topbar nav{gap:12px}.brand small,.school-tag{display:none}.brand-mark{width:32px;height:32px}.mp-phases{gap:4px}.mp-phases a{padding:8px;font-size:.88rem}.mp-phases span{display:none}.flow-dock>div{flex-wrap:wrap}.flow-dock #dock-caption{display:none}.flow-dock button{font-size:.88rem;white-space:normal;flex:1}.learning-card,.worked-card{padding:18px!important}.mp-glossary-dialog{padding:18px}.work-cell math{font-size:1rem}.mp-equation{gap:5px}.dt-workspace{padding:14px}.flow-menus{flex-wrap:wrap}.menu-panel{max-width:calc(100vw - 40px)}.e-diagram svg{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.mp-phases,.mp-goal,.mp-carousel{display:none}.worked-row.unrevealed{display:block}.mp-equation{overflow:visible}.worked-grid{display:block!important}}
.topbar nav a.active{color:#123047;background:#edf3ff;border-color:#245dda}.mp-carousel h2{font-size:1.12rem;margin:0 0 6px}.mp-carousel p{margin:6px 0}.mp-carousel-note{line-height:1.45}.mp-carousel-nav button{padding:8px 10px;font-size:.88rem}.mp-carousel{padding:12px}.flow-page[data-lab=transformation] .e-walk{display:none}.flow-page[data-lab=transformation] .e-entry>p,.flow-page[data-lab=transformation] #explore-trial-action{display:none}.flow-page[data-lab=transformation] .e-readouts{display:none}
.mp-active-row{background:#edf7f8;outline:2px solid #007f86;outline-offset:-2px}.mp-active-row td:first-child:before{content:'▶ ';color:#007f86}
.mp-carousel{touch-action:pan-y}
.mp-goal{overflow-wrap:anywhere;hyphens:auto}.mp-method h2,.mp-method h3{overflow-wrap:anywhere;hyphens:auto}
footer,.flow-topline,.school-tag{color:#4b5c6b}.step-kicker,.eyebrow{color:#007f86}