:root{--site-ink:#183d3b;--site-accent:#198067;--site-wash:#e5f5ee;--site-border:#dbe7e0;color-scheme:light}body.site-tool,body.site-home{background:#f5f8f5;color:var(--site-ink);font-family:Arial,Helvetica,sans-serif;padding-left:206px;margin:0}.theme-violet{--site-accent:#7355b0;--site-wash:#f0eafa}.theme-blue{--site-accent:#266bab;--site-wash:#e7f2fc}.theme-coral{--site-accent:#ae5040;--site-wash:#fff0e9}
body>.site-top{display:flex;align-items:center;justify-content:flex-start;padding:18px 32px;background:transparent;border:0;min-height:64px;position:static;box-shadow:none}body>.site-top a{font-size:16px;font-weight:600;text-decoration:none;color:#3f6258;padding:8px 0}body>.site-top a:hover{text-decoration:underline}.site-sidebar{position:fixed;inset:0 auto 0 0;width:206px;padding:30px 17px;background:#fff;border-right:1px solid var(--site-border);z-index:40;overflow:auto}.site-sidebar>summary{font-size:21px;font-weight:800;padding:5px 12px 24px;cursor:pointer;color:#224e42}.site-sidebar>summary::marker{color:#299879}.site-sidebar nav{display:block}.site-nav-group{margin:12px 0 24px}.site-nav-group>span{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#71867c;padding:8px 12px}.site-sidebar a.site-nav-link{display:block;text-decoration:none;font-size:16px;font-weight:600;line-height:1.4;color:#486258;border-radius:10px;padding:12px;margin:3px 0;border-left:3px solid transparent;transition:background .15s}.site-sidebar a:hover{background:#f0f6f2}.site-sidebar a[aria-current=page]{background:var(--site-wash);border-left-color:var(--site-accent);color:var(--site-accent)}.site-intro{margin:0 auto;padding:12px 32px 20px;max-width:1500px}.site-intro h1{font-size:clamp(27px,3vw,40px);line-height:1.15;color:var(--site-ink);letter-spacing:-1px;margin:0 0 7px}.site-intro>p{font-size:17px;color:#61766b;margin:0}.site-tool-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px}.site-tool-actions:empty{display:none}.site-tool-actions button{font-size:15px;border:1px solid var(--site-border);border-radius:10px;background:white;color:#315347;padding:10px 14px;cursor:pointer}.site-tool main{padding-top:8px!important}.site-tool .board,.site-tool .panel,.site-tool .writing,.site-tool .timeline,.site-tool .correction{border-color:#dbe7e0;border-radius:16px;box-shadow:0 4px 20px #245c3d06}.site-tool button.primary{background:var(--site-accent);border-color:var(--site-accent);color:white}.site-tool .breadcrumbs{display:none}.site-tool #fraction-board{border:1px solid #d5e9dd;border-radius:18px;background:#f1faf4}.site-tool #fraction-board .tabs button{border-radius:10px;padding:12px 17px;font-weight:600}.site-tool #fraction-board button.main{background:#248064;color:#fff;border-color:#248064}.site-tool #triangle-lab{background:#f4f0fb;border:1px solid #e2d8f1}.site-tool footer{color:#6b8073}.site-tool button:focus-visible,.site-home a:focus-visible,.site-sidebar a:focus-visible,.site-top a:focus-visible{outline:3px solid #bc7821;outline-offset:4px}
.site-home .home-main{max-width:1340px;padding:42px 38px 28px;margin:auto}.home-heading{display:flex;align-items:center;gap:20px}.site-home .home-heading .math-logo{width:74px;height:74px;flex:none}.site-home .home-heading h1{font-size:clamp(34px,4.7vw,60px);line-height:1.03;color:#1a4a3f;letter-spacing:-2px;margin:8px 0 0}.home-eyebrow{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#567366}.home-welcome{font-size:20px;color:#567366;margin:22px 0 26px}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.home-card{--card-color:#198067;--card-wash:#def3e8;display:block;border:1px solid #cbe6d7;border-radius:22px;background:white;color:#183d3b;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s}.home-card.violet{--card-color:#7454a9;--card-wash:#ece3fb;border-color:#e0d4ef}.home-card.blue{--card-color:#286ca4;--card-wash:#deeffc;border-color:#cbdfed}.home-card.peach{--card-color:#a35828;--card-wash:#ffecd6;border-color:#efddc9}.home-card-top{display:flex;align-items:center;justify-content:space-between;padding:17px 22px 0;background:var(--card-wash);color:var(--card-color)}.home-number{font-size:22px;font-weight:800}.home-category{font-size:13px;font-weight:600}.home-visual{background:var(--card-wash);padding:5px 24px 13px;height:138px}.home-visual svg{height:100%;width:100%;display:block}.home-card-copy{padding:20px 24px 23px}.home-card h2{font-size:25px;letter-spacing:-.5px;margin:0 0 8px;color:#213e38}.home-card p{font-size:16px;line-height:1.45;margin:0 0 20px;color:#587267;max-width:36ch}.home-open{display:inline-flex;font-size:15px;font-weight:700;border-radius:9px;padding:9px 15px;background:var(--card-wash,#e9f4ee);color:var(--card-color,#28684f)}.home-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #29553e14}.home-practice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 0;background:#ffefe7;border:1px solid #f2d7c8;border-radius:19px;padding:24px;color:#6f4131;text-decoration:none}.home-practice h2{font-size:24px;margin:6px 0}.home-practice p{font-size:16px;margin:0}.home-practice .home-open{background:white;color:#965539;white-space:nowrap}.site-home footer{padding:28px 0 0;border:0;background:none;text-align:left;font-size:14px;color:#718277}
@media(min-width:901px){.site-sidebar>summary{pointer-events:none;list-style:none}.site-sidebar:not([open]) nav{display:block!important}.site-tool main.workspace{padding-left:24px;padding-right:24px}}
@media(max-width:1100px){body.site-tool,body.site-home{padding-left:180px}.site-sidebar{width:180px;padding:24px 10px}.site-tool .workspace,.site-tool .exercise-layout{grid-template-columns:1fr!important}.site-home .home-main{padding:30px 24px}.home-card-copy{padding:19px}.home-card h2{font-size:22px}}
@media(max-width:900px){body.site-tool,body.site-home{padding-left:0}.site-sidebar{position:relative;inset:auto;width:auto;max-height:none;margin:0 16px 16px;border:1px solid var(--site-border);border-radius:12px;padding:0;background:white}.site-sidebar>summary{padding:13px 17px;font-size:17px}.site-sidebar nav{padding:0 12px 8px}.site-nav-group{margin:0 0 8px}.site-nav-group>span{padding:5px 10px}.site-sidebar a.site-nav-link{padding:9px 12px}.site-home>.site-sidebar{margin-top:16px}body>.site-top{padding:12px 20px;min-height:54px}.site-intro{padding:4px 20px 18px}.site-tool main{padding-left:14px!important;padding-right:14px!important}.site-home .home-main{padding:12px 20px 24px}.home-heading{gap:14px}.site-home .home-heading .math-logo{width:56px;height:56px}.home-eyebrow{font-size:11px}.home-visual{height:118px;padding-left:12px;padding-right:12px}}
@media(max-width:550px){.home-grid{grid-template-columns:1fr;gap:16px}.home-card{border-radius:17px}.home-card-top{padding:12px 18px 0}.home-visual{height:115px}.home-card-copy{padding:17px 20px}.home-card p{margin-bottom:12px}.home-practice{flex-direction:column;align-items:flex-start;padding:20px}.home-welcome{font-size:18px;margin:20px 0}.home-heading .home-eyebrow{letter-spacing:.5px}.site-tool #fraction-board{padding:12px}.site-tool #fraction-board .tabs{gap:6px}.site-tool #fraction-board .tabs button{padding:10px;font-size:15px}}
body.projection{padding-left:0}body.projection>.site-sidebar,body.projection>.site-top,body.projection>.site-intro>p{display:none}body.projection .site-intro{padding:8px 20px}
@media(prefers-reduced-motion:reduce){.home-card,.site-sidebar a{transition:none}.home-card:hover{transform:none}}
@media print{body.site-tool,body.site-home{padding-left:0}.site-sidebar,.site-top,.site-tool-actions{display:none}}
/* One navigation colour per mathematical theme. */
.theme-numbers,.theme-mint{--theme-color:#198067;--theme-wash:#def3e8;--site-accent:#198067;--site-wash:#e5f5ee}
.theme-geometry{--theme-color:#7454a9;--theme-wash:#ece3fb;--site-accent:#7454a9;--site-wash:#f0eafa}
.site-nav-group>span{color:var(--theme-color);letter-spacing:.7px;line-height:1.5}
.site-sidebar .site-nav-group a.site-nav-link{border-left-color:var(--theme-wash)}
.site-sidebar .site-nav-group a.site-nav-link:hover{background:var(--theme-wash);color:var(--theme-color)}
.site-sidebar .site-nav-group a.site-nav-link[aria-current=page]{background:var(--theme-wash);border-left-color:var(--theme-color);color:var(--theme-color)}
.home-theme{margin-bottom:34px}.theme-heading{font-size:23px;letter-spacing:-.4px;color:var(--theme-color);margin:0 0 16px;padding:9px 0 9px 15px;border-left:5px solid var(--theme-color)}
.home-theme .home-card-top{justify-content:flex-start;padding-top:15px}
.theme-geometry .home-practice{background:#f0eafa;border-color:#e0d4ef;color:#614686}
.theme-geometry .home-practice .home-eyebrow{color:#7454a9}
.theme-geometry .home-practice .home-open{color:#7454a9;background:white}
/* Calculation controls live beside the working surface. */
#fraction-board #fb-layout,#fraction-board #fb-workspace{min-width:0}
#fraction-board #fb-settings{min-width:0}
#fraction-board #fb-settings>summary{display:none}
#fraction-board #fb-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:22px;align-items:start}
#fraction-board #fb-settings{background:#fff;border:1px solid #d6e7dc;border-radius:12px;padding:15px}
#fraction-board #fb-editors{margin:0;gap:12px;display:flex;align-items:center;flex-wrap:wrap}
#fraction-board #fb-editors>label:not(.finput){display:flex;flex-direction:column;align-items:stretch;width:100%;gap:5px}
#fraction-board #fb-editors>label:not(.finput) select{width:100%;min-width:0;font-size:15px}
#fraction-board #fb-editors .finput{max-width:70px}
#fraction-board #fb-editors .finput input,#fraction-board #fb-editors .finput select{max-width:70px}
#fraction-board #fb-den-help{display:none}
#fraction-board[data-current-mode="calculate"] .fb-work{grid-template-columns:1fr}
#fraction-board[data-current-mode="calculate"] #fb-side{font-size:27px}
@media(max-width:700px){#fraction-board #fb-layout{display:block}#fraction-board #fb-settings{margin-bottom:18px;padding:12px}#fraction-board #fb-settings>summary{display:list-item;cursor:pointer;font-size:17px;font-weight:600;color:#28684f}#fraction-board #fb-settings[open]>summary{margin-bottom:15px}#fraction-board #fb-editors>label:not(.finput){width:auto;min-width:145px;flex:1}}
/* A shared control panel for all interactive pages. */
.site-tool .tool-layout{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;align-items:start;gap:22px}
.site-tool .tool-layout>.tool-settings{grid-column:1;grid-row:1}
.site-tool .tool-layout>.board,.site-tool .tool-layout>.tool-canvas{grid-column:2;grid-row:1;min-width:0}
.site-tool .tool-settings{min-width:0;background:white;border:1px solid var(--site-border);border-radius:13px;padding:14px}
.site-tool .tool-settings>summary{display:none}
.site-tool .tool-settings .site-tool-actions{margin:0 0 16px;display:flex;flex-direction:column;align-items:stretch}
.site-tool .tool-settings .site-tool-actions:empty{display:none}
.site-tool .tool-settings .controls{gap:14px}
.site-tool .tool-settings .panel{padding:10px 0;border:0;border-radius:0;box-shadow:none}
.site-tool .tool-settings .panel h2{font-size:17px}
.site-tool .tool-settings .setup,.site-tool .tool-settings .control-panel{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;box-shadow:none;gap:12px}
.site-tool .tool-settings .setup input,.site-tool .tool-settings select{max-width:100%;min-width:0}
.site-tool .tool-settings .examples,.site-tool .tool-settings .factor-buttons,.site-tool .tool-settings .operation-buttons,.site-tool .tool-settings .secondary{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-start}
.site-tool .tool-settings .control-panel{margin-top:22px}
.site-tool .tool-settings .control-panel h2{font-size:17px}
.site-tool .tool-settings .operation-buttons{flex-direction:column}
.site-tool .tool-settings .unknown-control{white-space:normal;font-size:14px}
.site-tool .tool-settings .unknown-control select{width:60px!important}
.site-tool #triangle-lab .tool-settings .row{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-bottom:12px;border-bottom:1px solid #e5ddef}
.site-tool #triangle-lab .tool-settings input[type=range]{min-width:0;width:100%}
.site-tool #triangle-lab .tool-canvas h2{font-size:22px}
@media(max-width:1100px){.site-tool .tool-layout{grid-template-columns:205px minmax(0,1fr)!important;gap:15px}.site-tool .tool-layout .views{grid-template-columns:1fr}}
@media(max-width:700px){.site-tool .tool-layout{display:flex!important;flex-direction:column;gap:16px}.site-tool .tool-layout>.tool-settings,.site-tool .tool-layout>.tool-canvas,.site-tool .tool-layout>.board{width:100%}.site-tool .tool-settings>summary{display:list-item;font-weight:600;color:var(--site-accent);cursor:pointer;font-size:17px}.site-tool .tool-settings[open]>summary{margin-bottom:16px}}
@media print{.tool-settings{display:none}.site-tool .tool-layout{display:block!important}}
.site-tool .tool-settings .input-wrap{min-width:0;width:100%}
.site-tool .tool-settings input:not([type=checkbox]):not([type=range]){max-width:100%}
/* Projection: the activity fills the display; controls stay available. */
body.site-tool,body.site-home{padding-bottom:76px}
.projection-dock{position:fixed;right:18px;bottom:16px;z-index:120;display:flex;gap:8px;align-items:center;padding:6px;border:1px solid #d4e2d9;border-radius:14px;background:#ffffffed;box-shadow:0 5px 24px #183d3b18}
.projection-dock button{font:600 16px Arial,sans-serif;min-height:44px;padding:10px 15px;border:1px solid #bacfc1;border-radius:9px;background:white;color:#24523f;cursor:pointer}
.projection-dock #project{background:#245c47;color:white;border-color:#245c47}
.projection-dock [hidden]{display:none!important}
body.projection.site-tool,body.projection.site-home{padding-left:0!important;background:white}
body.projection>.site-sidebar,body.projection>.site-top,body.projection>.site-intro,body.projection footer{display:none!important}
body.projection.site-tool>main,body.projection.site-home>main{max-width:none!important;margin:0!important;padding:14px 22px!important}
body.projection .tool-layout,body.projection #fraction-board #fb-layout{display:block!important}
body.projection .tool-layout>.board,body.projection .tool-canvas{width:100%;max-width:none}
body.projection .tool-settings,body.projection #fb-settings{display:none!important}
body.projection.projection-settings .tool-settings,body.projection.projection-settings #fb-settings{display:block!important;position:fixed!important;right:18px;top:18px;bottom:90px;width:min(320px,calc(100vw - 36px));overflow:auto;z-index:110;background:white;padding:18px;border:1px solid #c3d8cb;border-radius:14px;box-shadow:0 10px 50px #173c3326}
body.projection .tool-settings>summary,body.projection #fb-settings>summary{display:none!important}
body.projection #fraction-board{max-width:none;padding:18px;background:#f7fcf8;font-size:23px}
body.projection #fraction-board .instruction{font-size:25px}
body.projection #fraction-board .formula{font-size:clamp(30px,3vw,44px)}
body.projection #triangle-lab{padding:12px}
body.projection #triangle-lab .scene{max-width:1250px;margin:auto}
body.projection .triangle-view>svg,body.projection .bars-view>svg{max-height:480px}
body.projection .home-main{max-width:1500px!important;margin:auto!important}
body.projection .home-heading h1{font-size:clamp(34px,4vw,54px)}
@media(max-width:700px){.projection-dock{right:10px;bottom:10px}.projection-dock button{font-size:14px;padding:9px 11px}body.projection.site-tool>main{padding:8px!important}body.projection #fraction-board{font-size:20px;padding:10px}}
@media print{.projection-dock{display:none!important}}
#triangle-lab .animation-playback{display:flex;justify-content:center;margin:14px 0 8px}
#triangle-lab .animation-playback #tl-play{min-width:150px;font-size:20px;font-weight:600;background:#7454a9;color:white;border-color:#7454a9;padding:12px 24px}
body.projection #triangle-lab .animation-playback{display:flex}

/* A reserved top strip keeps actions and the current figure together. */
.projection-actions{display:none}
body.projection{padding-top:var(--projection-actions-height,0px)!important;scroll-padding-top:var(--projection-actions-height,0px)}
body.projection .projection-actions:not([hidden]){position:fixed;z-index:125;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:#fffffffa;border-bottom:1px solid #cadbd3;box-shadow:0 3px 12px #173c3010;overflow-x:auto}
body.projection .projection-actions button{flex:0 0 auto;white-space:nowrap;min-height:46px;padding:10px 16px;border:1px solid #bbcec5;border-radius:10px;background:#edf7f1;color:#173c30;font:600 18px/1.2 Arial,sans-serif;cursor:pointer}
body.projection.theme-violet .projection-actions button{background:#f1edfb;color:#554080;border-color:#d6cbea}
body.projection .projection-actions button:disabled{opacity:.4;cursor:default}
body.projection .projection-actions button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:-3px}
body.projection .projection-actions button:focus-visible{outline:3px solid #e9ad29;outline-offset:1px}
body.projection .projection-settings{scroll-padding-top:80px}
body.projection .tool-settings,body.projection #fb-settings{scroll-margin-top:var(--projection-actions-height)}
body.projection.projection-settings .tool-settings,body.projection.projection-settings #fb-settings{top:calc(var(--projection-actions-height) + 6px)}
body.projection .views{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:6px;gap:8px}
body.projection .triangle-view>svg,body.projection .bars-view>svg{max-height:clamp(180px,43vh,410px)}
body.projection .board-heading{padding:8px 16px}
body.projection .equation{padding:6px 12px;min-height:0;font-size:clamp(26px,3vw,40px)}
body.projection .reason{padding:8px 16px;min-height:0}
body.projection #fraction-board{padding:8px 12px}
body.projection #fb-prev,body.projection #fb-next,body.projection .nav-controls,body.projection #relative-counters .rc-actions{display:none!important}
body.projection #fraction-board .models{gap:10px}
body.projection #fraction-board .model-title{margin:4px 0}
body.projection #fraction-board #fb-instruction{margin:5px 0;font-size:22px}
body.projection #relative-counters .rc-board{min-height:clamp(200px,38vh,360px)}
body.projection .exercise-triangle{height:42vh}
body.projection .question{font-size:28px;padding:8px 16px 0}
body.projection #triangle-lab .scene{max-width:min(1100px,110vh);margin-inline:auto}
body.projection .projection-dock{bottom:8px;right:10px;padding:5px}
body.projection .projection-dock button{min-height:36px;font-size:14px;padding:6px 10px}
@media(max-width:700px){body.projection .projection-actions:not([hidden]){justify-content:flex-start;padding:8px}body.projection .projection-actions button{font-size:16px;padding:8px 12px}body.projection .views{grid-template-columns:1fr}}
@media print{.projection-actions{display:none!important}body.projection{padding-top:0!important}}

/* Relative numbers: the same navigation and roomy written calculations. */
.relative-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.relative-tools a,.rc-difference-link{display:inline-flex;align-items:center;padding:9px 12px;min-height:44px;border:1px solid #ccdfd2;border-radius:9px;background:white;color:#203e38;font:600 17px/1.3 Arial,sans-serif;text-decoration:none}
.relative-tools a[aria-current]{background:#28775b;color:white;border-color:#28775b}
#relative-difference .viz-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0}
#relative-difference .form-label{display:flex;flex-direction:column;gap:6px;font-size:15px}
#relative-difference input{font:inherit;min-height:44px;padding:8px 10px;width:100%;max-width:130px;border:1px solid #bbd2c5;border-radius:8px;background:white;color:#203e38}
#relative-difference button{font:inherit;padding:9px 12px;min-height:44px;border:1px solid #bbd2c5;border-radius:9px;background:white;color:#203e38;cursor:pointer}
#relative-difference button:disabled{opacity:.4;cursor:default}
#relative-difference .btn-primary{background:#28775b;color:white}
#relative-difference .cs-stack{max-width:580px;margin-inline:auto}
#relative-difference .cs-line{min-height:50px;font-size:25px;border-radius:8px}
#relative-difference .cs-line h3{font-size:inherit;font-weight:600}
#relative-difference .cs-arrows{font-size:17px}
#relative-difference .cs-recap{font-size:24px;line-height:1.8}
#relative-difference .text-destructive{color:#a43140}
body.projection #relative-difference .cs-line{font-size:30px;min-height:40px}
body.projection #relative-difference .cs-arrows{padding:2px 0}
body.projection #relative-difference .relative-tools,body.projection #relative-difference>h2{display:none}
/* LaTeX shares the tool's text size and preserves the meaning of its colours. */
.site-math{max-width:100%;display:inline-block;vertical-align:middle;line-height:1.2;white-space:nowrap}
.site-math>svg{display:inline-block!important;width:auto!important;height:auto!important;max-width:100%;overflow:visible;vertical-align:middle}
.site-math-host.f,.site-math-host.frac,.site-math-host.angle,.site-math-host.hat{display:inline-block!important;position:static!important;padding:0!important;border:0!important;line-height:1.2!important}
.site-math-host.f>.site-math,.site-math-host.frac>.site-math{border:0!important;padding:0!important}
.site-math-host.hat::before,.site-math-host.angle::before{display:none!important}
.site-math-host .site-math{font-style:normal;letter-spacing:normal}
.cs-line.site-math-host{display:flex!important;justify-content:center;align-items:center}
.cs-arrows.site-math-host{display:flex!important;justify-content:center;align-items:center}
#relative-difference .cs-arrows:not(.site-math-host){grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr)}
#relative-difference .cs-arrows .site-math{font-size:inherit}
body.projection .site-math>svg{max-height:none!important}

.fraction-value.site-math-host{display:inline-block!important;line-height:1.2!important}.fraction-value.site-math-host>.site-math{border:0!important;padding:0!important}

/* Clear, expandable theme groups on the home page. */
.site-home .home-theme{border:1px solid var(--theme-wash);border-radius:20px;background:#fff;padding:0 20px 20px;margin-bottom:28px;overflow:hidden;scroll-margin-top:20px}
.site-home .home-group-heading{display:flex;align-items:center;gap:14px;list-style:none;background:var(--theme-wash);color:var(--theme-color);margin:0 -20px 20px;padding:20px 22px;cursor:pointer}
.site-home .home-group-heading::-webkit-details-marker{display:none}
.site-home .home-group-heading h2{display:flex;align-items:center;justify-content:space-between;flex:1;gap:14px;flex-wrap:wrap;font-size:clamp(22px,2.4vw,29px);font-weight:700;margin:0;letter-spacing:-.5px;line-height:1.25}
.site-home .home-group-count{font-size:14px;font-weight:600;letter-spacing:0;white-space:nowrap}
.site-home .home-group-heading::after{content:'−';font-size:27px;font-weight:400;line-height:1;width:24px;text-align:center;flex:none}
.site-home .home-theme:not([open]){padding-bottom:0}
.site-home .home-theme:not([open]) .home-group-heading{margin-bottom:0}
.site-home .home-theme:not([open]) .home-group-heading::after{content:'+'}
.site-home .home-group-heading:focus-visible{outline:3px solid #bc7821;outline-offset:-5px}
.site-home .home-theme .home-card{border-radius:15px}
.site-home .home-theme .home-visual{padding-top:15px}
@media(min-width:1200px){.site-home .theme-numbers .home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-home .theme-numbers .home-card-copy{padding:18px}.site-home .theme-numbers .home-card h2{font-size:23px}}
@media(max-width:650px){.site-home .home-theme{padding:0 12px 12px;border-radius:16px}.site-home .home-group-heading{margin:0 -12px 12px;padding:17px 16px;gap:8px}.site-home .home-group-count{font-size:13px}.site-home .home-group-heading h2{gap:8px}}

/* Choose an activity first, then adjust its settings. */
.activity-sidebar{min-width:0;display:flex;flex-direction:column;gap:12px;align-self:start}
.activity-choice{background:#fff;border:1px solid #c9ddd0;border-radius:12px;padding:12px;color:#244d39}
.activity-choice>summary{cursor:pointer;font:600 17px Arial,sans-serif;padding:3px 0 10px}
.activity-choice select{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px;border:1px solid #c9ddd0;border-radius:8px;background:white;color:#244d39;font:16px Arial,sans-serif}
#fraction-board #fb-activity-slot{width:100%}#fraction-board .activity-choice select{width:100%}
#relative-counters .rc-tabs[hidden],#relative-difference .relative-tools[hidden]{display:none!important}
body.projection .activity-sidebar{display:none!important}
body.projection.projection-settings .activity-sidebar{display:flex!important;position:fixed;left:14px;top:calc(var(--projection-actions-height,0px) + 14px);bottom:85px;width:min(340px,calc(100vw - 28px));overflow:auto;z-index:130;background:white;padding:10px;border:1px solid #c9ddd0;border-radius:12px}
body.projection.projection-settings .activity-sidebar .tool-settings,body.projection.projection-settings .activity-sidebar #fb-settings{position:static!important;width:auto!important;max-height:none!important;overflow:visible!important;padding:12px!important}
#fraction-board #fb-settings>summary{display:list-item;cursor:pointer;font:600 17px Arial,sans-serif;color:#244d39;margin-bottom:12px}
@media(max-width:700px){.activity-sidebar{margin-bottom:16px}}

/* The activity frame follows the selected chapter tab. */
body{--activity-color:#3c9a75;--activity-wash:#e5f4ec}
body.theme-violet{--activity-color:#9472ba;--activity-wash:#f0eafa}
#fraction-board[data-tool-group="represent"]{--activity-color:#3487bd;--activity-wash:#e8f3fa}
#fraction-board[data-tool-group="equal"]{--activity-color:#3c9a75;--activity-wash:#e5f4ec}
#fraction-board[data-tool-group="calculate"]{--activity-color:#d69a42;--activity-wash:#fff3df}
.activity-choice{border:1px solid var(--activity-color);border-top:3px solid var(--activity-color);background:var(--activity-wash)}
.activity-choice>summary{color:#17394d}
.activity-choice select{border-color:var(--activity-color);color:#17394d;background:white}
#fraction-board .fraction-unit-caption{text-align:center;font-size:16px;margin:10px 0 4px;color:#244536}
#eb-tool .eb-row{overflow:visible;margin-top:28px}
#eb-tool .eb-unit-marker{position:absolute;top:-24px;text-align:center;font-size:15px;color:#244536;pointer-events:none}
#eb-tool .eb-pair{border:0}#eb-tool .eb-row{border:2px solid #385e4d}
#vc-tool .vc-unit-marker{position:absolute;right:-52px;width:46px;display:flex;align-items:center;justify-content:center;border-left:1px solid #456459;padding-left:5px;font-size:13px;pointer-events:none;background:#fff9}
#vc-tool #vc-right .vc-unit-marker{right:auto;left:-52px;border-left:0;border-right:1px solid #456459;padding-left:0;padding-right:5px}
#vc-tool .vc-unit-marker{right:-35px;width:32px;font-size:12px;text-align:center;line-height:1.2}
#vc-tool #vc-right .vc-unit-marker{left:-35px}

/* A whole unit keeps the same width before/after regrouping and in the result. */
#fraction-board[data-current-mode="calculate"] .fb-work{display:block;padding:0;background:transparent}
#fraction-board[data-current-mode="calculate"] #fb-models,#fraction-board[data-current-mode="calculate"] #fb-result{width:100%;max-width:none;margin-left:0;margin-right:0;padding:0;box-sizing:border-box}
#fraction-board[data-current-mode="calculate"] #fb-models>div{display:block;width:100%;padding:0}
#fraction-board[data-current-mode="calculate"] .transform-row{display:block;width:100%}
#fraction-board[data-current-mode="calculate"] .transform-new{width:100%;min-width:0;flex:none}
#fraction-board[data-current-mode="calculate"] .transform-equality{justify-content:center;margin:10px 0}
#fraction-board[data-current-mode="calculate"] svg[aria-label*="barre(s) unité"]{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0}
#regroup-prototype .cell.filled{background:#b4d7fa;background-image:none}
#fraction-board .qt-cell.qt-selected{background:#b4d7fa;color:#17394d}
#fraction-board #vc-tool .vc-editor[data-side="0"] input{border-color:#0867b5}
#fraction-board #vc-tool .vc-editor[data-side="1"] input{border-color:#9b5705}
/* Shared, quiet contemporary control surfaces; diagram cells retain their geometry. */
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice){border:1px solid #e3e9e7!important;border-radius:18px!important;background:#fff!important;box-shadow:0 3px 16px #173b3020!important;padding:16px!important;overflow:visible}
body.site-tool .activity-choice{border-color:color-mix(in srgb,var(--activity-color,var(--site-accent)) 38%,white)!important;background:linear-gradient(135deg,var(--activity-wash,var(--site-wash)),#fff 85%)!important;box-shadow:none!important}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary{display:flex!important;align-items:center;justify-content:space-between;gap:12px;list-style:none!important;font:600 16px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif!important;color:#25453e!important;letter-spacing:0!important;padding:0!important;margin:0!important;cursor:pointer}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)[open]>summary{margin-bottom:16px!important}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary::marker{content:''}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary::-webkit-details-marker{display:none}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary::after{content:'';width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(-45deg);flex:none;margin-right:3px;opacity:.6}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)[open]>summary::after{transform:rotate(45deg)}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice,.ul-settings,.unit-nav) :is(select,input:not([type=checkbox]):not([type=range])){font:400 16px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif!important;border:1px solid #dfe7e3!important;border-radius:10px!important;background:#f5f7f6!important;color:#213c35!important;min-height:44px!important;padding:9px 10px!important;box-shadow:none!important;max-width:100%;transition:border-color .15s,background .15s}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice,.ul-settings) :is(input,select):focus-visible{outline:3px solid color-mix(in srgb,var(--activity-color,var(--site-accent)) 25%,transparent)!important;outline-offset:2px!important;border-color:var(--activity-color,var(--site-accent))!important;background:#fff!important}
body.site-tool :is(.tool-settings,#fb-settings,.ul-settings,.ul-tools,.site-tool-actions) button{font:500 15px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif!important;min-height:44px;border-radius:10px!important;border:1px solid #e0e8e4!important;background:#edf3f0!important;color:#254c3e!important;box-shadow:none!important;padding:10px 13px!important;transition:background .15s}
body.site-tool :is(.tool-settings,#fb-settings,.ul-settings,.ul-tools,.site-tool-actions) button:hover:not(:disabled){background:#e0ece6!important;border-color:#bed4c8!important}
body.site-tool :is(.tool-settings,#fb-settings) button:is(.main,.primary,.rc-main,.btn-primary){background:var(--site-accent)!important;color:white!important;border-color:transparent!important}
body.site-tool :is(.tool-settings,#fb-settings) label{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;font-size:14px!important;color:#51675f!important}
#fraction-board #fb-editors .finput{gap:6px;padding:8px;background:#f5f7f6;border:1px solid #e4eae6;border-radius:13px;max-width:92px}
#fraction-board #fb-editors .finput input,#fraction-board #fb-editors .finput select{background:white!important;width:70px;max-width:70px}
#fraction-board #fb-editors .finput input:first-child{border-bottom:1px solid #bccdc4!important;border-bottom-left-radius:5px!important;border-bottom-right-radius:5px!important}
body.site-tool #fb-settings[hidden],body.site-tool .tool-settings[hidden]{display:none!important}
body.site-tool .activity-choice select{width:100%;font-weight:500!important;background:#fff!important}
@media(prefers-reduced-motion:reduce){body.site-tool :is(.tool-settings,#fb-settings,.ul-settings) *{transition:none!important}}
/* Classroom controls: strong headings, open spacing, fewer nested surfaces. */
:root{--control-font:ui-rounded,'Segoe UI',system-ui,-apple-system,sans-serif;--control-accent:#147957;--control-tint:#e9f7ef}
body.theme-violet{--control-accent:#7145ba;--control-tint:#f2ebff}
body.theme-blue{--control-accent:#176ca6;--control-tint:#eaf4ff}
#fraction-board[data-tool-group="represent"]{--control-accent:#1477b5;--control-tint:#eaf5ff}
#fraction-board[data-tool-group="equal"]{--control-accent:#147957;--control-tint:#e9f7ef}
#fraction-board[data-tool-group="calculate"]{--control-accent:#975710;--control-tint:#fff5df}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice){padding:18px!important;border:0!important;border-radius:14px!important;box-shadow:0 2px 0 #173b300b!important;background:white!important}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary{font-family:var(--control-font)!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.35px!important;color:var(--control-accent)!important;padding:0 0 0 12px!important;border-left:4px solid var(--control-accent);border-radius:2px}
body.site-tool .activity-choice>summary{background:var(--control-accent)!important;color:white!important;margin:-18px -18px 0!important;padding:15px 18px!important;border:0;border-radius:14px 14px 0 0}
body.site-tool .activity-choice[open]>summary{margin-bottom:14px!important}
body.site-tool .activity-choice:not([open]){padding-bottom:0!important}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary::after{opacity:1;border-width:2px;width:8px;height:8px}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice,.ul-settings,.unit-nav) :is(select,input:not([type=checkbox]):not([type=range])){font-family:var(--control-font)!important;font-weight:650!important;font-size:17px!important;min-height:46px!important;background:var(--control-tint)!important;color:#193b33!important;border:1px solid transparent!important;border-radius:9px!important;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--control-accent) 18%,transparent)!important;padding:11px 12px!important}
body.site-tool .activity-choice select{font-size:15px!important;font-weight:750!important;letter-spacing:-.15px!important;width:100%!important}
body.site-tool :is(.tool-settings,#fb-settings) label{font-family:var(--control-font)!important;font-weight:650!important;font-size:14px!important;color:#476157!important;gap:7px!important}
body.site-tool :is(.tool-settings,#fb-settings,.ul-settings,.ul-tools,.site-tool-actions) button{font:700 15px/1.35 var(--control-font)!important;border:0!important;border-radius:9px!important;background:var(--control-tint)!important;color:var(--control-accent)!important;padding:12px 14px!important;box-shadow:none!important}
body.site-tool :is(.tool-settings,#fb-settings) button:is(.main,.primary,.rc-main,.btn-primary),#fraction-board #fb-unit{background:var(--control-accent)!important;color:white!important}
body.site-tool :is(.tool-settings,#fb-settings,.ul-settings,.ul-tools,.site-tool-actions) button:hover:not(:disabled){filter:brightness(.96);background:var(--control-tint)!important;border-color:transparent!important}
body.site-tool :is(.tool-settings,#fb-settings) button:is(.main,.primary,.rc-main,.btn-primary):hover:not(:disabled),#fraction-board #fb-unit:hover{background:var(--control-accent)!important}
#fraction-board #fb-editors{gap:18px}
#fraction-board #fb-editors .finput{padding:0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;gap:5px!important;width:102px;max-width:102px;align-items:center}
#fraction-board #fb-editors .finput input,#fraction-board #fb-editors .finput select{width:82px!important;max-width:82px!important;text-align:center;font-size:23px!important;font-weight:750!important;background:var(--control-tint)!important}
#fraction-board #fb-editors .finput input:first-child{border:0!important;border-bottom:2px solid var(--control-accent)!important;border-radius:9px 9px 2px 2px!important;box-shadow:none!important}
#fraction-board #fb-editors>button{width:100%}
#fraction-board #fb-layout{grid-template-columns:260px minmax(0,1fr)}
body.site-tool .tool-layout{grid-template-columns:260px minmax(0,1fr)!important}
body.site-tool #fraction-board{border:0;background:#f4f8f6}
body.site-tool #fraction-board .tabs button{font-family:var(--control-font);font-weight:750;border:0;border-radius:10px;box-shadow:none;padding:12px 17px}
body.site-tool #fraction-board .tabs button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--tab-color)}
@media(min-width:701px) and (max-width:1050px){#fraction-board #fb-layout,body.site-tool .tool-layout{grid-template-columns:230px minmax(0,1fr)!important}}
@media(max-width:700px){#fraction-board #fb-layout{display:block!important}.activity-sidebar{width:100%}body.site-tool :is(.tool-settings,#fb-settings,.activity-choice){padding:16px!important}body.site-tool .activity-choice>summary{margin:-16px -16px 0!important}body.site-tool .activity-choice[open]>summary{margin-bottom:14px!important}}
/* Match the specificity of the shared panel selector so its accent text cannot mask the title. */
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice).activity-choice>summary{color:#fff!important;-webkit-text-fill-color:#fff!important;background:var(--control-accent,#147957)!important;padding:15px 18px!important;margin:-18px -18px 0!important;border:0!important;border-radius:14px 14px 0 0!important;min-height:52px;box-sizing:border-box}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice).activity-choice[open]>summary{margin-bottom:14px!important}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice).activity-choice>summary::after{color:#fff!important;border-color:#fff!important}
@media(max-width:700px){body.site-tool :is(.tool-settings,#fb-settings,.activity-choice).activity-choice>summary{margin:-16px -16px 0!important}body.site-tool :is(.tool-settings,#fb-settings,.activity-choice).activity-choice[open]>summary{margin-bottom:14px!important}}
/* Consistent chapter tabs and theme-colored panel headings on every tool page. */
body.site-tool :is(nav.chapter,nav.unit-nav){display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 14px!important;margin:0 0 20px!important;border-bottom:1px solid #dbe5df}
body.site-tool :is(nav.chapter,nav.unit-nav)>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 17px!important;border-radius:10px;background:#fff;font:750 18px/1.3 var(--control-font)!important;text-decoration:none!important;color:#17394d!important}
body.site-tool :is(nav.chapter,nav.unit-nav)>a[aria-current]{background:#e8f3fa;box-shadow:inset 0 -3px 0 #3487bd}
body.site-tool :is(nav.chapter,nav.unit-nav)>a:hover{background:#eaf4ee}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary{color:#fff!important;-webkit-text-fill-color:#fff!important;background:var(--control-accent,#147957)!important;padding:15px 18px!important;margin:-18px -18px 0!important;border:0!important;border-radius:14px 14px 0 0!important;min-height:52px;box-sizing:border-box}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)[open]>summary{margin-bottom:16px!important}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary::after{color:white!important;border-color:white!important}
body.site-tool :is(.tool-settings,#fb-settings,.activity-choice):not([open]){padding-bottom:0!important}
body.theme-violet :is(.site-tool-actions button,.activity-choice select){--control-accent:#7145ba;--control-tint:#f2ebff}
body.site-tool .site-tool-actions button{font-weight:750!important}
body.site-tool :is(.tool-canvas .tools,.tool-canvas .viz-controls,.band-heading) label{font-family:var(--control-font);font-weight:600;color:#345449}
body.site-tool #unit-lab{max-width:none}
@media(max-width:700px){body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)>summary{margin:-16px -16px 0!important}body.site-tool :is(.tool-settings,#fb-settings,.activity-choice)[open]>summary{margin-bottom:16px!important}body.site-tool :is(nav.chapter,nav.unit-nav)>a{font-size:16px!important;padding:11px 13px!important}}
/* Optional left drawer: the learning canvas owns the space when it is closed. */
body.site-tool,body.site-home{padding-left:0}
body>.site-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:240px!important;height:100dvh;max-height:none!important;margin:0!important;padding:72px 16px 24px!important;border:0!important;border-right:1px solid #dbe7e0!important;border-radius:0!important;z-index:141;background:white;overflow-y:auto;box-sizing:border-box;box-shadow:8px 0 28px #173b3010}
body>.site-sidebar:not([open]){display:none!important}
body>.site-sidebar>summary{pointer-events:auto!important;display:block!important;font:800 20px var(--control-font)!important;padding:0 12px 16px!important;list-style:none;cursor:pointer}
.site-tools-toggle{position:fixed;left:14px;top:14px;z-index:142;min-height:44px;padding:10px 16px;border:1px solid #d3e5db;border-radius:12px;background:white;color:#185d48;box-shadow:0 3px 12px #173b3010;font:750 16px var(--control-font);cursor:pointer}
.site-tools-toggle:focus-visible{outline:3px solid #1477b5;outline-offset:3px}
.site-tools-shade{display:none;position:fixed;inset:0;border:0;background:#102d3540;z-index:140}
body.site-tool:not(.tools-expanded)>.site-top{padding-left:140px}
body.site-home:not(.tools-expanded) .home-main{padding-top:78px}
@media(min-width:901px){body.tools-expanded{padding-left:240px}}
@media(max-width:900px){body.tools-expanded>.site-top{padding-left:140px}.site-tools-shade:not([hidden]){display:block}}
body.projection>.site-tools-toggle,body.projection>.site-tools-shade,body.projection>.site-sidebar{display:none!important}
@media print{.site-tools-toggle,.site-tools-shade{display:none!important}body.tools-expanded{padding-left:0!important}}
/* Compact manipulation controls, separate from the mathematical drawing. */
#fraction-board #regroup-prototype{padding:0;font-family:var(--control-font)}
#fraction-board #regroup-prototype h2{font:800 clamp(22px,2.5vw,30px)/1.2 var(--control-font);letter-spacing:-.6px;margin:0 0 22px;color:#163f36}
#fraction-board #regroup-prototype .tools{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:12px 0 18px}
#fraction-board #regroup-prototype .tools label{display:flex;flex-direction:column;align-items:start;gap:7px;flex:0 1 auto;font:650 14px/1.3 var(--control-font);color:#506c60}
#fraction-board #regroup-prototype .tools :is(input,select){width:auto;min-width:88px;max-width:100%;height:48px;min-height:48px;border:1px solid #d5e8dd;border-radius:10px;padding:10px 14px;background:white;color:#173f35;font:750 19px/1.2 var(--control-font);box-shadow:0 2px 0 #dcece3}
#fraction-board #regroup-prototype .rg-fraction-entry{display:inline-flex;background:#e5f2eb;border-radius:14px;padding:14px 18px;gap:20px;margin-top:0}
#fraction-board #regroup-prototype .rg-fraction-entry input{width:96px}
#fraction-board #regroup-prototype .rg-action-row{padding:12px 0;gap:12px}
#fraction-board #regroup-prototype .rg-action-row button{min-height:48px;padding:12px 24px;border:0;border-radius:10px;background:#147957;color:white;font:750 16px/1.3 var(--control-font);box-shadow:0 3px 0 #0c583d;cursor:pointer}
#fraction-board #regroup-prototype .rg-action-row button:disabled{background:#e4eae6;box-shadow:none;color:#6c8076;opacity:1;cursor:not-allowed}
#fraction-board #regroup-prototype .rg-reading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:650 17px/1.4 var(--control-font);color:#234c40;margin:14px 0}
#fraction-board #regroup-prototype .rg-reading .frac{font-size:25px}
#fraction-board #regroup-prototype .rg-preview-toggle{display:flex;align-items:center;gap:10px;margin:18px 0;font:600 14px/1.4 var(--control-font);color:#4c695c;cursor:pointer}
#fraction-board #regroup-prototype #rg-show-preview{appearance:none;-webkit-appearance:none;display:inline-block;position:relative;width:42px!important;min-width:42px!important;height:24px!important;min-height:24px!important;padding:0!important;margin:0;border:0;border-radius:20px;background:#cbd9d0;box-shadow:none;cursor:pointer;flex:none}
#fraction-board #regroup-prototype #rg-show-preview::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #183d3b30;transition:transform .15s}
#fraction-board #regroup-prototype #rg-show-preview:checked{background:#147957}
#fraction-board #regroup-prototype #rg-show-preview:checked::after{transform:translateX(18px)}
#fraction-board #regroup-prototype #rg-show-preview:focus-visible{outline:3px solid #1477b5;outline-offset:3px}
#fraction-board #regroup-prototype .note{font:400 14px/1.5 var(--control-font);color:#587366}
/* Keep the drawer handle off headings, in a small dedicated left gutter. */
.site-tools-toggle{top:42vh;left:0;padding:12px 8px;min-width:40px;max-width:44px;writing-mode:vertical-rl;border-radius:0 12px 12px 0;font-size:14px;box-shadow:2px 3px 12px #173b3018}
body.site-tool:not(.tools-expanded),body.site-home:not(.tools-expanded){padding-left:44px}
body.site-tool:not(.tools-expanded)>.site-top{padding-left:24px}
body.site-home:not(.tools-expanded) .home-main{padding-top:42px}
body.tools-expanded>.site-tools-toggle{top:18px;left:14px;writing-mode:horizontal-tb;max-width:none;padding:10px 16px;border-radius:12px}
body.projection.site-tool,body.projection.site-home{padding-left:0!important}
@media(max-width:900px){body.tools-expanded{padding-left:44px}}
@media(prefers-reduced-motion:reduce){#rg-show-preview::after{transition:none!important}}
/* Unified bar diagrams: crisp outer edges, quiet dashed subdivisions. */
#regroup-prototype .band,#eb-tool .eb-row,#vc-tool .vc-column,#fraction-board .qt-band{border:1.5px solid #203d43!important;border-radius:0!important;box-shadow:none!important}
#regroup-prototype .cell,#fraction-board #eb-tool .eb-cell,#fraction-board .qt-cell{border-right:1px dashed #203d4360!important}
#regroup-prototype .cell:last-child,#fraction-board #eb-tool .eb-cell:last-child,#fraction-board .qt-cell:last-child{border-right:0!important}
#fraction-board #vc-tool button.vc-cell{border-top:1px dashed #203d4360!important}
#fraction-board #vc-tool button.vc-cell:last-child{border-top:0!important}
#fraction-board #vc-tool button.vc-cell.vc-whole{border-top:2px solid #203d43!important}
#fraction-board .qt-whole{border:1.5px solid #203d43;border-bottom:0}
#fraction-board :is(.qt-cell,.eb-cell,.vc-cell) .site-math svg{filter:drop-shadow(.25px 0 currentColor)}
#fraction-board :is(.qt-cell,.eb-cell,.vc-cell) .f{font-weight:800}
/* Nombres et calculs : jaune doux des schémas en barres. */
.theme-numbers{--theme-color:#805414;--theme-wash:#ffd99e;--site-accent:#805414;--site-wash:#fff4dc}
.site-home .home-theme.theme-numbers{background:#fff9eb;border-color:#f1cc87}
.site-home .theme-numbers .home-card{--card-color:#805414;--card-wash:#fff0cf;border-color:#ecd6a7}
.site-sidebar .site-nav-group.theme-numbers{background:#fff9eb;border-radius:12px;padding:6px 0}

/* Accueil : pictogrammes de domaines et surfaces légères. */
.site-home .home-pathways .pathway.student{position:relative;padding:25px 28px 25px 122px;background:linear-gradient(120deg,#effaf4,#dff2e8);border:1px solid #b5d9c5;border-top:5px solid #409c7c;box-shadow:0 8px 22px #254e3810;border-radius:24px;gap:6px}
.site-home .welcome-icon{position:absolute;left:26px;top:29px;width:72px;height:72px;background:#ffffffc9;border-radius:21px;display:grid;place-items:center}
.site-home .welcome-icon svg{width:64px;height:64px}
.site-home .home-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.site-home .home-domains .home-theme{margin:0;border-radius:24px;border:1px solid #e4dfd2;border-top:5px solid var(--theme-color);box-shadow:0 8px 22px #25354c0a}
.site-home .home-domains .home-theme[open]{grid-column:1/-1}
.site-home .home-domains .home-group-heading{background:linear-gradient(125deg,#fff 10%,var(--theme-wash) 160%);min-height:154px;gap:18px;padding:24px}
.site-home .home-domains .home-group-heading h2{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;font-size:26px;letter-spacing:-.6px}
.site-home .domain-icon{width:80px;height:80px;flex:0 0 80px;border-radius:24px;background:var(--theme-wash);display:grid;place-items:center}
.site-home .domain-icon svg{width:70px;height:70px}
.site-home .home-domains .home-group-count{font-size:14px;font-weight:650;padding:4px 10px;background:#ffffffd9;border-radius:20px}
.site-home .home-domains .home-group-heading::after{width:30px;height:30px;border-radius:50%;background:#ffffffd9;display:grid;place-items:center;font-size:24px}
.site-home .home-domains .home-theme:hover{box-shadow:0 10px 28px #25354c14}
@media(max-width:700px){.site-home .home-domains{grid-template-columns:minmax(0,1fr);gap:18px}.site-home .home-domains .home-group-heading{padding:20px 16px;gap:13px;min-height:130px}.site-home .home-domains .home-group-heading h2{font-size:23px}.site-home .domain-icon{width:64px;height:64px;flex-basis:64px;border-radius:20px}.site-home .domain-icon svg{width:58px;height:58px}.site-home .home-pathways .pathway.student{padding:22px}.site-home .welcome-icon{position:static;width:62px;height:62px;margin-bottom:5px}.site-home .welcome-icon svg{width:56px;height:56px}.site-home .home-pathways .pathway strong{font-size:27px}}

/* Two activities, one triangle theme in the main menu. */
.triangle-activities{display:flex;gap:8px;flex-wrap:wrap;max-width:1650px;margin:0 auto 8px;padding:0 28px}
.triangle-activities a{display:inline-flex;align-items:center;min-height:46px;padding:12px 18px;border-radius:14px;background:#efe8fa;color:#68449e;font:650 16px/1.3 system-ui,sans-serif;text-decoration:none}
.triangle-activities a[aria-current]{background:#68449e;color:white}
.triangle-activities a:focus-visible{outline:3px solid #e3a600;outline-offset:3px}
body.projection .triangle-activities{display:none}
@media(max-width:700px){.triangle-activities{padding:0 15px}.triangle-activities a{flex:1 1 220px;justify-content:center}}
@media print{.triangle-activities{display:none}}