.diagram-visual { display:block; width:min(100%,460px); height:auto; margin:auto; background:#fff; }
.diagram-visual text { font:700 10px Arial,sans-serif; fill:var(--ink,#102532); }
.diagram-visual marker path { fill:var(--ink,#102532); stroke:none; }
.svg-math-label text { font-size:var(--math-font-size,10px)!important; }
.svg-math-label .math-affix { text-anchor:start; }
.svg-math-label .fraction-numerator,.svg-math-label .fraction-denominator { text-anchor:middle; }
.svg-math-label .fraction-rule { stroke:var(--ink,#102532); stroke-width:1.3; }
.stacked-fraction { display:inline-grid; grid-template-rows:auto auto; min-width:1.05em; margin:0 .08em; vertical-align:-.38em; line-height:1; text-align:center; }
.stacked-fraction .fraction-numerator { padding:0 .12em .08em; border-bottom:1.5px solid currentColor; }
.stacked-fraction .fraction-denominator { padding:.08em .12em 0; }
.mixed-number { display:inline-flex; align-items:center; gap:.05em; white-space:nowrap; }
.fraction-number-sentence { display:flex; flex-wrap:wrap; align-items:center; gap:.3em; min-height:2.25em; line-height:1; }
.fraction-number-sentence .stacked-fraction { flex:0 0 auto; margin:0; vertical-align:middle; font-size:.82em; }
.fraction-number-sentence .mixed-number { flex:0 0 auto; align-items:center; gap:.12em; }
.fraction-number-sentence .fraction-operator { display:inline-grid; place-items:center; align-self:center; min-width:.72em; line-height:1; font-size:1.05em; }
.fraction-number-sentence .fraction-whole-term,.fraction-number-sentence .mixed-whole { flex:0 0 auto; font-size:1.12em; line-height:1; }
.fraction-multiplication-steps { display:flex; align-items:center; justify-content:center; gap:8px; overflow-x:auto; padding:10px 0; }
.fraction-multiplication-step { display:grid; place-items:center; flex:0 0 auto; min-width:84px; padding:9px 7px; border:1.5px solid #8ab6c9; border-radius:8px; background:#f7fbfd; }
.fraction-step-expression { justify-content:center; flex-wrap:nowrap; min-height:2.25em; font-weight:900; }
.fraction-step-label { margin-top:4px; color:var(--blue-dark,#006b99); font-size:.72rem; font-weight:800; text-align:center; }
.fraction-step-arrow { flex:0 0 auto; color:var(--blue-dark,#006b99); font-size:1.35rem; font-weight:900; }
.shape-visual .main-shape { fill:#eaf8ff; stroke:var(--blue-dark,#006b99); stroke-width:3; stroke-linejoin:round; }
.shape-visual .main-lines { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:3; stroke-linejoin:round; }
.shape-visual .dimension-guide { stroke:var(--muted,#526c7a); stroke-width:1; }
.shape-visual .dimension-line { stroke:var(--ink,#102532); stroke-width:1.6; }
.shape-visual .dimension-label,.shape-visual .interior-label { text-anchor:middle; }
.shape-visual .angle-arc { fill:none; stroke:var(--gold,#e8a51a); stroke-width:3; }
.shape-visual .angle-arc.angle-tone-blue { stroke:var(--blue,#19a3d8); }
.shape-visual .angle-arc.angle-tone-teal { stroke:#0797a1; }
.shape-visual .angle-arc.angle-tone-gold { stroke:var(--gold,#e8a51a); }
.shape-visual .angle-arc.angle-tone-red { stroke:#d64550; }
.shape-visual .angle-arc.angle-tone-green { stroke:#4d9a55; }
.shape-visual .angle-arc.angle-tone-purple { stroke:#8657b5; }
.shape-visual .angle-label { fill:var(--ink,#102532); font-size:11px; text-anchor:middle; dominant-baseline:middle; paint-order:stroke; stroke:#fff; stroke-width:3px; stroke-linejoin:round; }
.coordinate-visual .grid line { stroke:#dce7ec; stroke-width:1; }
.coordinate-visual .axis { stroke:#526c7a; stroke-width:2; }
.coordinate-visual .points circle { fill:var(--blue-dark,#006b99); }
.coordinate-visual .movement { stroke:var(--gold,#e8a51a); stroke-width:3; stroke-dasharray:5 3; }
.coordinate-model-background { fill:#fbfdff; stroke:#9fb6c5; stroke-width:1.2; }
.coordinate-model-grid { stroke:#dce7ec; stroke-width:.8; }
.coordinate-model-axis { stroke:var(--ink,#102532); stroke-width:1.8; }
.coordinate-model-guide { stroke:#e8a51a; stroke-width:6; stroke-opacity:.38; }
.coordinate-model-reflection { stroke:#7d43b5; stroke-width:2; stroke-dasharray:5 4; }
.coordinate-model-number { text-anchor:middle; font-size:6px!important; fill:#526c7a!important; }
.coordinate-model-y-number { text-anchor:end; }
.coordinate-model-axis-label { text-anchor:middle; font-size:8px!important; font-weight:900; }
.coordinate-model-shape polygon { fill:rgba(89,185,216,.22); stroke:#006b99; stroke-width:2.2; stroke-linejoin:round; }
.coordinate-model-shape.tone-gold polygon { fill:rgba(255,216,74,.3); stroke:#9b6a00; }
.coordinate-model-shape.tone-purple polygon { fill:rgba(183,134,215,.24); stroke:#7d43b5; }
.coordinate-model-shape.tone-green polygon { fill:rgba(121,201,139,.24); stroke:#357a46; }
.coordinate-model-shape.is-dashed polygon { stroke-dasharray:7 5; }
.coordinate-model-point-label,.coordinate-model-shape-label,.coordinate-model-segment-label { paint-order:stroke; stroke:#fff; stroke-width:3px; stroke-linejoin:round; font-weight:900; }
.coordinate-model-point-label { font-size:6.5px!important; }
.coordinate-model-shape-label { text-anchor:middle; font-size:9px!important; }
.coordinate-model-segment { stroke:#18864b; stroke-width:2.5; }
.coordinate-model-segment.is-dashed { stroke-dasharray:7 5; }
.coordinate-model-segment-label { font-size:6px!important; }
.sorting-set-card-background { fill:#fff; stroke:#9fb6c5; stroke-width:1.2; }
.sorting-set-object { stroke:#102532; stroke-width:1.7; stroke-linejoin:round; }
.sorting-set-detail { fill:none; stroke:#102532; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.sorting-set-detail.thick { stroke-width:4; }
.sorting-set-tip { fill:#f7d6a1; stroke:#102532; stroke-width:1.4; }
.sorting-set-leaf { fill:#79c98b; stroke:#357a46; stroke-width:1.2; }
.sorting-set-wheel { fill:#fff; stroke:#102532; stroke-width:1.5; }
.sorting-set-label { text-anchor:middle; font-size:6.5px!important; font-weight:900; }
.mini-bar-row { display:grid; grid-template-columns:70px minmax(80px,1fr) 36px; gap:8px; align-items:center; margin:7px 0; }
.mini-bar { height:22px; width:var(--bar-size); min-width:4px; border-radius:4px; background:var(--blue,#19a3d8); }
.mini-timeline { display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding-left:24px; }
.mini-timeline li { padding:9px; border-radius:6px; background:#fff; font-weight:800; }
.ratio-part,.fraction-part { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.ratio-tone-0 { fill:#eaf8ff; }
.ratio-tone-1 { fill:#fff0c9; }
.ratio-tone-2 { fill:#e9f7ef; }
.ratio-tone-red { fill:#fde8e8; stroke:#b4232f; }
.ratio-tone-blue { fill:#e5f3ff; stroke:#126aa3; }
.ratio-tone-yellow { fill:#fff0c9; stroke:#9a6500; }
.ratio-tone-gold { fill:#fff0c9; stroke:#9a6500; }
.ratio-tone-green { fill:#e9f7ef; stroke:#287a4b; }
.highlighted-part { fill:#fff0c9; }
.row-label { text-anchor:end; font-size:12px!important; }
.part-value { text-anchor:middle; }
.ratio-total-bracket,.whole-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:2; }
.bracket-label { font-size:12px!important; dominant-baseline:middle; }
.whole-label { text-anchor:middle; font-size:12px!important; }
.bar-model { display:grid; width:min(100%,460px); margin:auto; gap:12px; overflow:visible; }
.bar-model.expanded-bar-model { width:min(100%,900px); gap:20px; }
.bar-model.touching-bars { gap:0; }
.bar-model-whole-bracket { position:relative; height:30px; min-width:0; margin:0 2px 8px; border-bottom:2px solid var(--ink,#102532); }
.bar-model-whole-bracket::before,.bar-model-whole-bracket::after { content:""; position:absolute; bottom:-8px; height:8px; border-left:2px solid var(--ink,#102532); }
.bar-model-whole-bracket::before { left:-2px; }
.bar-model-whole-bracket::after { right:-2px; }
.bar-model-whole-bracket span { position:absolute; left:50%; bottom:7px; transform:translateX(-50%); font-weight:800; }
.bar-model-row { display:grid; grid-template-columns:minmax(90px,auto) 1fr; gap:10px; align-items:center; min-width:0; }
.bar-model-row.unlabeled-bar-model-row { grid-template-columns:1fr; }
.bar-model-strip { display:flex; min-height:42px; }
.expanded-bar-model .bar-model-strip { min-height:clamp(78px,12vh,118px); }
.bar-model-strip span { display:grid; place-items:center; flex:var(--segment-weight); min-width:30px; padding:5px; border:2px solid var(--blue-dark,#006b99); border-right-width:0; background:#fff; font-weight:800; }
.expanded-bar-model .bar-model-strip span { min-width:54px; padding:10px; border-width:3px; border-right-width:0; font-size:clamp(1.65rem,3.2vw,2.8rem); }
.expanded-bar-model .bar-model-strip span:last-child { border-right-width:3px; }
.bar-model-strip span:last-child { border-right-width:2px; }
.bar-model-strip .highlight { background:#fff0c9; }
.bar-model.touching-bars .bar-model-row + .bar-model-row .bar-model-strip span { border-top-width:0; }
.bar-model.combining-bar-model .bar-model-row:last-child .bar-model-strip span { background:#eaf8ff; }
.bar-model.part-whole-bar-model .bar-model-whole { background:#fff; }
.bar-model.part-whole-bar-model .bar-model-part-one { background:#eaf5fa; }
.bar-model.part-whole-bar-model .bar-model-part-two { background:#eefaf3; }
.bar-model.part-whole-bar-model .bar-model-removed { background:#fff0f0; }
.model-number-sentence { margin:10px 0 0; font-weight:900; color:var(--ink,#102532); }
.multiplicative-interactive-item { cursor:pointer; outline:none; }
.multiplicative-selection-frame { display:none; fill:rgba(20,155,215,.08); stroke:#149bd7; stroke-width:4; stroke-dasharray:8 5; pointer-events:none; }
svg .multiplicative-interactive-item.is-selected .multiplicative-selection-frame,
svg .multiplicative-interactive-item:focus-visible .multiplicative-selection-frame { display:block; }
.multiplicative-cover-panel,.multiplicative-cover-mark { display:none; pointer-events:none; }
svg .multiplicative-interactive-item.is-covered .multiplicative-cover-panel,
svg .multiplicative-interactive-item.is-covered .multiplicative-cover-mark { display:block; }
.multiplicative-cover-panel { fill:#173247; stroke:#071018; stroke-width:2; opacity:.96; }
.multiplicative-cover-mark { fill:#fff; font:900 24px Arial,Helvetica,sans-serif; text-anchor:middle; }
.multiplicative-jump-item.is-covered .number-line-jump-label-anchor,
.multiplicative-jump-item.is-covered .jump-label { opacity:0; }
.bar-model-strip>.multiplicative-interactive-item { position:relative; outline:0; }
.bar-model-strip>.multiplicative-interactive-item.is-selected,
.bar-model-strip>.multiplicative-interactive-item:focus-visible { box-shadow:inset 0 0 0 4px #149bd7; z-index:2; }
.bar-model-strip>.multiplicative-interactive-item.is-covered { color:transparent!important; background:#173247!important; }
.bar-model-strip>.multiplicative-interactive-item.is-covered::after { content:"?"; position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:1.45rem; font-weight:900; }
/* Equation bars reuse the registered proportional bar primitive in linked algebra layouts. */
.equation-bar-visual { width:100%; display:grid; gap:clamp(12px,2vw,22px); align-content:center; color:var(--ink,#102532); }
.equation-bar-equation { margin:0; text-align:center; font-size:clamp(1.45rem,3vw,2.45rem); line-height:1.2; font-weight:900; }
.equation-bar-models { min-width:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr)); gap:clamp(12px,2vw,22px); align-items:stretch; }
.equation-bar-models>.bar-model-figure { min-width:0; height:100%; margin:0; padding:clamp(10px,1.5vw,18px); display:flex; flex-direction:column; border:1px solid #c9dce5; border-radius:12px; background:#fff; box-shadow:0 5px 14px rgba(15,33,49,.06); }
.equation-bar-models>.bar-model-figure>figcaption { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; white-space:nowrap; }
.equation-bar-models>.bar-model-figure.has-visible-caption>figcaption { position:static; width:auto; height:auto; margin:0 0 12px; overflow:visible; color:var(--ink,#102532); font-size:clamp(1rem,1.7vw,1.25rem); font-weight:900; text-align:center; white-space:normal; }
.equation-bar-models .bar-model { width:100%; min-height:0; height:auto; flex:1 1 auto; display:grid; align-content:center; gap:12px; }
.equation-bar-models .bar-model.touching-bars { gap:0; }
.equation-bar-models .bar-model.composite-bar-model { gap:8px; }
.equation-bar-models .bar-model-row { grid-template-columns:minmax(86px,auto) minmax(0,1fr); }
.equation-bar-models .bar-model-row.unlabeled-bar-model-row { grid-template-columns:minmax(0,1fr); }
.equation-bar-models .bar-model-strip { min-width:0; width:100%; }
.equation-bar-models .bar-model-strip span { box-sizing:border-box; flex:0 0 var(--segment-basis); min-width:0; }
.equation-bar-models .bar-model-strip:is([data-bar-segment-count="5"],[data-bar-segment-count="6"]) span { padding-inline:3px; font-size:clamp(1.15rem,2.2vw,1.8rem); }
.equation-bar-models .bar-model-part-one { background:#dff3fa; }
.equation-bar-models .bar-model-part-two { background:#fff0c9; }
.equation-bar-models .bar-model-removed { position:relative; overflow:hidden; color:#8d2929; background:#fff0f0; text-decoration:none; }
.equation-bar-models .bar-model-removed::before,.equation-bar-models .bar-model-removed::after { content:""; position:absolute; z-index:2; left:-10%; top:50%; width:120%; height:3px; border-radius:999px; background:#b4232f; opacity:.9; pointer-events:none; }
.equation-bar-models .bar-model-removed::before { transform:rotate(17deg); }
.equation-bar-models .bar-model-removed::after { transform:rotate(-17deg); }
.equation-bar-working { width:min(900px,100%); margin:0 auto; padding:13px 18px; border-left:5px solid #149bd7; border-radius:9px; background:#f1f9fc; font-size:clamp(.96rem,1.5vw,1.12rem); font-weight:800; }
.equation-bar-working h3 { margin:0 0 8px; font-size:1.04em; }
.equation-bar-working ol { margin:0; padding-left:24px; }
.equation-bar-working li+li { margin-top:10px; }
.equation-bar-working-equation { margin-top:4px; font-size:1.08em; }

@media (max-width:620px) {
  .equation-bar-models { grid-template-columns:1fr; }
  .equation-bar-models>.bar-model-figure { padding:9px; }
  .equation-bar-models .bar-model-row { grid-template-columns:1fr; gap:6px; }
  .equation-bar-models .bar-model-row>strong { text-align:center; }
  .equation-bar-models .expanded-bar-model .bar-model-strip { min-height:68px; }
  .equation-bar-models .expanded-bar-model .bar-model-strip span { min-width:34px; padding:7px 3px; font-size:clamp(1.15rem,6vw,1.7rem); }
}
.model-note { margin:10px 0 0; font-weight:800; color:var(--blue-dark,#006b99); }
.equal-parts-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.8; }
.equal-parts-cell.shaded { fill:#ffd84a; }
.equal-parts-cell.invalid-part { stroke:#b4232f; }
.equal-parts-heading,.equal-parts-status,.equal-parts-fraction { text-anchor:middle; font-weight:800; }
.equal-parts-heading { font-size:10px!important; }
.equal-parts-status { font-size:7px!important; }
.equal-parts-status.valid-label { fill:#287a4b!important; }
.equal-parts-status.invalid-label { fill:#b4232f!important; }
.equal-parts-fraction { font-size:9px!important; }
.fraction-wall-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1; }
.fraction-wall-cell.equivalent-highlight { fill:#ffd84a; }
.fraction-wall-row-label { font-size:7px!important; font-weight:800; }
.fraction-wall-guide { stroke:#7d43b5; stroke-width:1.8; stroke-dasharray:4 3; }
.fraction-wall-guide-label { text-anchor:middle; font-size:6px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.interactive-fraction-wall-visual { width:100%; max-width:none; }
.fraction-wall-piece { cursor:pointer; outline:none; }
.fraction-wall-piece .fraction-wall-cell { fill:var(--fraction-piece-colour,#f7cf4a); stroke:rgba(6,17,26,.56); stroke-width:1.2; }
.fraction-wall-piece:focus-visible .fraction-wall-cell { stroke:#006b99; stroke-width:3; }
.fraction-wall-piece.is-selected .fraction-wall-cell { stroke:#071018; stroke-width:2.7; }
.fraction-wall-piece.is-equivalent .fraction-wall-cell { stroke:#7d5d00; stroke-width:2.5; filter:brightness(1.08); }
.fraction-wall-piece.is-dimmed { opacity:.26; }
.fraction-wall-piece-text,.fraction-wall-cover-label,.fraction-wall-piece-secondary { text-anchor:middle; font-weight:900; pointer-events:none; }
.fraction-wall-piece-text { font-size:7px!important; }
.fraction-wall-piece-fraction { pointer-events:none; }
.fraction-wall-piece-secondary { font-size:4.6px!important; }
.fraction-wall-cover-label { font-size:10px!important; paint-order:stroke; stroke:rgba(255,255,255,.75); stroke-width:2px; }
.fraction-tile-visual { width:100%; height:100%; max-width:none; }
.shared-fraction-tile-body { fill:var(--fraction-piece-colour,#f7cf4a); stroke:rgba(6,17,26,.58); stroke-width:2.4; }
.shared-fraction-tile-label { pointer-events:none; font-size:var(--math-font-size,10px)!important; }
.shared-fraction-tile.is-selected .shared-fraction-tile-body { stroke:#071018; stroke-width:4; }
.fraction-wall-denominator-1,.fraction-tile-denominator-1 { --fraction-piece-colour:#f7cf4a; }
.fraction-wall-denominator-2,.fraction-tile-denominator-2 { --fraction-piece-colour:#ff9868; }
.fraction-wall-denominator-3,.fraction-tile-denominator-3 { --fraction-piece-colour:#72d189; }
.fraction-wall-denominator-4,.fraction-tile-denominator-4 { --fraction-piece-colour:#67b7f7; }
.fraction-wall-denominator-5,.fraction-tile-denominator-5 { --fraction-piece-colour:#c793f2; }
.fraction-wall-denominator-6,.fraction-tile-denominator-6 { --fraction-piece-colour:#f27086; }
.fraction-wall-denominator-7,.fraction-tile-denominator-7 { --fraction-piece-colour:#8fdddf; }
.fraction-wall-denominator-8,.fraction-tile-denominator-8 { --fraction-piece-colour:#f6b35d; }
.fraction-wall-denominator-9,.fraction-tile-denominator-9 { --fraction-piece-colour:#b8db61; }
.fraction-wall-denominator-10,.fraction-tile-denominator-10 { --fraction-piece-colour:#80a7f8; }
.fraction-wall-denominator-11,.fraction-tile-denominator-11 { --fraction-piece-colour:#f18ad0; }
.fraction-wall-denominator-12,.fraction-tile-denominator-12 { --fraction-piece-colour:#73c7a8; }
.fraction-wall-denominator-13,.fraction-tile-denominator-13 { --fraction-piece-colour:#d7b36a; }
.fraction-wall-denominator-14,.fraction-tile-denominator-14 { --fraction-piece-colour:#7ed7f2; }
.fraction-wall-denominator-15,.fraction-tile-denominator-15 { --fraction-piece-colour:#ffb1a1; }
.fraction-wall-denominator-16,.fraction-tile-denominator-16 { --fraction-piece-colour:#b3a1ff; }
.fraction-wall-denominator-17,.fraction-tile-denominator-17 { --fraction-piece-colour:#a2d86f; }
.fraction-wall-denominator-18,.fraction-tile-denominator-18 { --fraction-piece-colour:#f7d878; }
.fraction-wall-denominator-19,.fraction-tile-denominator-19 { --fraction-piece-colour:#8cccf0; }
.fraction-wall-denominator-20,.fraction-tile-denominator-20 { --fraction-piece-colour:#f0969e; }
.fraction-wall-denominator-21 { --fraction-piece-colour:#9ed6bb; }
.fraction-wall-denominator-22 { --fraction-piece-colour:#c4c1f2; }
.fraction-wall-denominator-23 { --fraction-piece-colour:#e5b66e; }
.fraction-wall-denominator-24 { --fraction-piece-colour:#95dce3; }
.fraction-compare-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.fraction-compare-row-label,.fraction-compare-point-label { font-size:8px!important; font-weight:800; }
.fraction-compare-axis,.fraction-compare-tick { stroke:var(--ink,#102532); stroke-width:1.5; }
.fraction-compare-value-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fraction-compare-end-label { text-anchor:middle; font-size:8px!important; }
.improper-mixed-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.improper-mixed-cell.shaded { fill:#ffd84a; }
.improper-mixed-row-label,.improper-mixed-point-label { font-size:8px!important; font-weight:800; }
.improper-mixed-axis,.improper-mixed-tick { stroke:var(--ink,#102532); stroke-width:1.4; }
.improper-mixed-tick.major { stroke-width:2; }
.improper-mixed-whole-label,.improper-mixed-equals { text-anchor:middle; font-size:8px!important; font-weight:800; }
.improper-mixed-value-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fraction-simplify-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.fraction-simplify-cell.shaded { fill:#ffd84a; }
.fraction-simplify-group { fill:none; stroke:#7d43b5; stroke-width:1.7; stroke-dasharray:4 2; }
.fraction-simplify-label { font-size:8px!important; font-weight:800; }
.fraction-simplify-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fraction-simplify-arrow-label { text-anchor:start; font-size:7px!important; fill:#7d43b5!important; font-weight:800; }
.changing-whole-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.changing-whole-cell.same-piece { fill:#ffd84a; }
.changing-whole-heading,.changing-whole-piece-label,.changing-whole-fraction { text-anchor:middle; font-weight:800; }
.changing-whole-heading { font-size:9px!important; }
.changing-whole-piece-label { font-size:7px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.changing-whole-guide { stroke:#7d43b5; stroke-width:1.3; stroke-dasharray:3 2; }
.changing-whole-fraction { font-size:9px!important; }
.fraction-density-axis,.fraction-density-tick { stroke:var(--ink,#102532); stroke-width:1.5; }
.fraction-density-level-label { text-anchor:end; font-size:7px!important; fill:#526c7a!important; font-weight:800; }
.fraction-density-label { font-size:7px!important; font-weight:800; }
.fraction-density-value-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fraction-density-zoom { stroke:#7d43b5; stroke-width:1.4; stroke-dasharray:4 3; }
.fraction-density-zoom-label { text-anchor:middle; font-size:7px!important; fill:#7d43b5!important; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.equivalent-subdivision-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.equivalent-subdivision-cell.shaded { fill:#ffd84a; }
.equivalent-subdivision-label { font-size:8px!important; font-weight:800; }
.equivalent-subdivision-arrow { stroke:#7d43b5; stroke-width:1.8; }
.equivalent-subdivision-arrow-label { text-anchor:middle; font-size:7px!important; fill:#7d43b5!important; font-weight:800; }
.fraction-representation-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.fraction-representation-cell.shaded { fill:#ffd84a; }
.fraction-representation-counter { stroke:var(--ink,#102532); stroke-width:1.2; }
.fraction-representation-axis,.fraction-representation-tick { stroke:var(--ink,#102532); stroke-width:1.5; }
.fraction-representation-value-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fraction-representation-heading,.fraction-representation-end,.fraction-representation-label { text-anchor:middle; font-weight:800; }
.fraction-representation-heading { font-size:8px!important; fill:#526c7a!important; }
.fraction-representation-end,.fraction-representation-label { font-size:8px!important; }
.fdp-equivalence-bar-cell,.fdp-equivalence-grid-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1; }
.fdp-equivalence-bar-cell.shaded,.fdp-equivalence-grid-cell.shaded { fill:#ffd84a; }
.fdp-equivalence-axis,.fdp-equivalence-tick { stroke:var(--ink,#102532); stroke-width:1.5; }
.fdp-equivalence-value-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fdp-equivalence-heading,.fdp-equivalence-grid-label,.fdp-equivalence-value,.fdp-equivalence-operator,.fdp-equivalence-end { text-anchor:middle; font-weight:800; }
.fdp-equivalence-heading { font-size:7px!important; fill:#526c7a!important; }
.fdp-equivalence-grid-label { font-size:9px!important; fill:#7d43b5!important; }
.fdp-equivalence-label,.fdp-equivalence-value,.fdp-equivalence-operator { font-size:9px!important; }
.fdp-equivalence-end { font-size:8px!important; }
.fraction-sequence-axis,.fraction-sequence-tick { stroke:var(--ink,#102532); stroke-width:1.5; }
.fraction-sequence-jump { fill:none; stroke:#7d43b5; stroke-width:1.8; }
.fraction-sequence-label,.fraction-sequence-jump-label,.fraction-sequence-answer { text-anchor:middle; font-weight:800; }
.fraction-sequence-label { font-size:7px!important; }
.fraction-sequence-jump-label { font-size:6px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.fraction-sequence-missing { text-anchor:middle; font-size:12px!important; fill:#b4232f!important; }
.fraction-sequence-answer,.fraction-sequence-answer-affix { font-size:8px!important; font-weight:800; fill:#b4232f!important; }
.fraction-sequence-answer-affix { text-anchor:end; }
.fraction-benchmark-region { stroke:none; }
.fraction-benchmark-region.near-zero { fill:#eaf8ff; }
.fraction-benchmark-region.near-half { fill:#fff0c9; }
.fraction-benchmark-region.near-one { fill:#e9f7ef; }
.fraction-benchmark-axis,.fraction-benchmark-tick { stroke:var(--ink,#102532); stroke-width:1.5; }
.fraction-benchmark-tick.major { stroke-width:2.2; }
.fraction-benchmark-value-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fraction-benchmark-label,.fraction-benchmark-point-label,.fraction-benchmark-nearest-label { text-anchor:middle; font-weight:800; }
.fraction-benchmark-label,.fraction-benchmark-point-label { font-size:8px!important; }
.fraction-benchmark-nearest-label { font-size:6px!important; fill:#7d43b5!important; }
.fraction-ratio-counter { stroke:var(--ink,#102532); stroke-width:1.3; }
.fraction-ratio-connector { stroke:#8aa1ad; stroke-width:1.2; }
.fraction-ratio-box { fill:#f7fbfd; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.fraction-ratio-set-label,.fraction-ratio-heading,.fraction-ratio-value { text-anchor:middle; font-weight:800; }
.fraction-ratio-set-label { font-size:8px!important; }
.fraction-ratio-heading { font-size:7px!important; fill:#526c7a!important; }
.fraction-ratio-value { font-size:10px!important; }
.fraction-measure-axis,.fraction-measure-tick { stroke:var(--ink,#102532); stroke-width:1.5; }
.fraction-measure-tick.major { stroke-width:2.2; }
.fraction-measure-heading,.fraction-measure-interval-label,.fraction-measure-value-label { text-anchor:middle; font-weight:800; }
.fraction-measure-heading { font-size:8px!important; fill:#526c7a!important; }
.fraction-measure-interval-label { font-size:7px!important; }
.fraction-measure-value-label { font-size:8px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.fraction-measure-value-arrow { stroke:#7d43b5; stroke-width:1.8; }
.fraction-equation-cell { stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.fraction-equation-cell.unknown-part { fill:#ffd84a; }
.fraction-equation-cell.known-part { fill:#ef4f5f; }
.fraction-equation-whole-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:1.8; }
.fraction-equation-total-label,.fraction-equation-part-label { text-anchor:middle; font-weight:800; }
.fraction-equation-total-label { font-size:9px!important; }
.fraction-equation-part-label { font-size:8px!important; }
.fraction-equation-part-label.unknown-label { fill:#7d43b5!important; }
.fraction-equation-part-label.known-label { fill:#b4232f!important; }
.fraction-probability-heading,.fraction-probability-outcome-label,.fraction-probability-value { text-anchor:middle; font-weight:800; }
.fraction-probability-heading { font-size:9px!important; }
.fraction-probability-outcome { stroke:var(--ink,#102532); stroke-width:1.3; }
.fraction-probability-outcome-label { font-size:10px!important; }
.fraction-probability-result-affix { text-anchor:end; font-size:9px!important; font-weight:800; }
.fraction-probability-value { font-size:10px!important; }
.fraction-probability-key { stroke:var(--ink,#102532); stroke-width:1; }
.fraction-probability-key-label { text-anchor:start; font-size:7px!important; font-weight:800; }
.diagram-tone-blue,.diagram-tone-0 { fill:#1aa6d9; }
.diagram-tone-teal,.diagram-tone-1 { fill:#10a3ad; }
.diagram-tone-yellow,.diagram-tone-gold,.diagram-tone-2 { fill:#ffd84a; }
.diagram-tone-red,.diagram-tone-3 { fill:#ef4f5f; }
.diagram-tone-green,.diagram-tone-4 { fill:#75bd52; }
.diagram-tone-purple { fill:#9b72cf; }
.diagram-tone-plain { fill:#fff; }
.group-label,.row-value { text-anchor:middle; font-size:12px!important; }
.counter-dot,.array-counter { stroke:var(--ink,#102532); stroke-width:1.5; }
.array-square { stroke:var(--ink,#102532); stroke-width:1.1; }
.array-square-frame { fill:none; stroke:var(--ink,#102532); stroke-width:2.2; pointer-events:none; }
.array-counter.is-dimmed,.array-square.is-dimmed { opacity:.18; }
.array-axis-toggle { fill:transparent; stroke:transparent; stroke-width:2; cursor:pointer; pointer-events:all; touch-action:manipulation; }
.array-axis-toggle:focus-visible { stroke:var(--purple,#7057d9); stroke-dasharray:5 4; outline:none; }
.empty-group-label { text-anchor:middle; font-size:11px!important; font-style:italic; fill:#526c7a!important; }
.removed-object { opacity:.48; }
.removed-mark { fill:none; stroke:#c42735; stroke-width:2.2; stroke-linecap:round; pointer-events:none; }
.sequence-panel { fill:#f7fbfd; stroke:#8ab6c9; stroke-width:1.4; }
.sequence-counter,.double-counter { stroke:var(--ink,#102532); stroke-width:1.4; }
.sequence-stage-label { text-anchor:middle; font-size:11px!important; }
.sequence-arrow { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.cuisenaire-rod { stroke:var(--ink,#102532); stroke-width:1.2; }
.cuisenaire-1 { fill:#f8f6ee; }
.cuisenaire-2 { fill:#d94848; }
.cuisenaire-3 { fill:#8fc75b; }
.cuisenaire-4 { fill:#9b65ad; }
.cuisenaire-5 { fill:#f1d23f; }
.cuisenaire-6 { fill:#2f8b4b; }
.cuisenaire-7 { fill:#242424; }
.cuisenaire-8 { fill:#8a4f2d; }
.cuisenaire-9 { fill:#327fc2; }
.cuisenaire-10 { fill:#e98b2a; }
.cuisenaire-groups-total,.number-shape-groups-total { text-anchor:middle; font-size:11px!important; font-weight:800; }
.number-shape-piece { stroke:rgba(15,33,49,.52); stroke-width:1.4; stroke-linejoin:round; }
.number-shape-hole { fill:#f8fbfd; stroke:rgba(15,33,49,.42); stroke-width:.8; }
.number-shape-1 { fill:#f28c28; }
.number-shape-2 { fill:#78c7e7; }
.number-shape-3 { fill:#ffd43b; }
.number-shape-4 { fill:#8bcf6a; }
.number-shape-5 { fill:#df4f46; }
.number-shape-6 { fill:#44bfd1; }
.number-shape-7 { fill:#f19ac2; }
.number-shape-8 { fill:#43a867; }
.number-shape-9 { fill:#7b5ab6; }
.number-shape-10 { fill:#2d73c4; }
.bond-row-label { text-anchor:end; font-size:10px!important; }
.bond-total-label { text-anchor:start; font-size:10px!important; }
.double-connector { stroke:#9db7c3; stroke-width:1.4; stroke-dasharray:3 2; }
.double-row-label { text-anchor:end; font-size:13px!important; }
.double-extra-label { text-anchor:middle; font-size:9px!important; fill:#9a6500!important; }
.comparison-counter { stroke:var(--ink,#102532); stroke-width:1.3; }
.comparison-counter-connector { stroke:#8aa1ad; stroke-width:1.3; }
.comparison-counter-difference { stroke:#7d43b5; stroke-width:2; }
.comparison-counter-difference-label { text-anchor:middle; font-size:10px!important; font-weight:800; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.comparison-counter-row-label { text-anchor:end; font-size:11px!important; font-weight:800; }
.related-fact-counter { stroke:var(--ink,#102532); stroke-width:1.15; }
.related-fact-row-label { text-anchor:end; font-size:10px!important; }
.related-fact-operator { text-anchor:middle; font-size:15px!important; }
.ten-frame-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.ten-frame-counter { stroke:var(--ink,#102532); stroke-width:1.2; }
.part-whole-connector { stroke:#87c9e2; stroke-width:4; stroke-linecap:round; }
.part-whole-node { stroke:#087daf; stroke-width:3; }
.part-whole-node.whole-node { fill:#fff; }
.part-whole-node.part-node { fill:#eaf5fa; }
.part-whole-label { text-anchor:middle; font-size:17px!important; }
.part-whole-label.whole-label { font-size:19px!important; }
.part-whole-count-2 .part-whole-label { font-size:18px!important; }
.part-whole-count-2 .part-whole-label.whole-label { font-size:20px!important; }
.part-whole-label-medium { font-size:14px!important; }
.part-whole-label-compact { font-size:11px!important; }
.number-line-axis,.number-line-tick { stroke:var(--ink,#102532); stroke-width:1.6; }
.number-line-jump { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:2.4; }
.number-line-jump.diagram-tone-blue { stroke:#087daf; }
.number-line-jump.diagram-tone-teal { stroke:#0797a1; }
.number-line-jump.diagram-tone-gold { stroke:#c88700; }
.number-line-jump.diagram-tone-red { stroke:#b4232f; }
.number-line-jump.diagram-tone-green { stroke:#287a4b; }
.number-line-jump.diagram-tone-purple { stroke:#8657b5; }
.number-line-jump.number-line-overall-jump { stroke:var(--ink,#102532); stroke-width:2.6; stroke-dasharray:6 5; }
.number-line-label,.jump-label { text-anchor:middle; }
.number-line-top-label { fill:#7d43b5!important; }
.jump-label { font-size:11px!important; }
[data-jump-label-position="above-own-arc"] { pointer-events:none; }
text[data-jump-label-position="above-own-arc"], [data-jump-label-position="above-own-arc"] text { paint-order:stroke; stroke:#fff; stroke-width:3px; stroke-linejoin:round; }
.rekenrek-rail { stroke:#526c7a; stroke-width:2; }
.rekenrek-bead { stroke:var(--ink,#102532); stroke-width:1; }
.base-ten-hundred { fill:#86c75c; stroke:#397a2c; stroke-width:1.5; }
.base-ten-thousand { fill:#4f91d8; stroke:#245b96; stroke-width:1.4; }
.base-ten-thousand-top { fill:#82b5e8; stroke:#245b96; stroke-width:1.1; }
.base-ten-thousand-side { fill:#3979bd; stroke:#245b96; stroke-width:1.1; }
.base-ten-ten { fill:#ffd84a; stroke:#9a6500; stroke-width:1.2; }
.base-ten-one { fill:#ef4f5f; stroke:#9b2432; stroke-width:1; }
.base-ten-piece-body { vector-effect:non-scaling-stroke; }
.base-ten-grid-line { stroke:#31505e; stroke-width:.45; fill:none; vector-effect:non-scaling-stroke; }
.base-ten-heading-cell,.base-ten-cell { stroke:#526c7a; stroke-width:1.2; }
.base-ten-cell { fill:#fff; }
.base-ten-heading,.base-ten-row-label { font-size:11px!important; }
.base-ten-operator { text-anchor:middle; font-size:18px!important; }
.base-ten-heading { text-anchor:middle; }
.base-ten-row-label { text-anchor:end; }
.base-ten-result-rule { stroke:var(--ink,#102532); stroke-width:2.6; }
.place-value-header,.place-value-cell { stroke:#526c7a; stroke-width:1.5; }
.place-value-chart-header .place-value-chart-header-cell { stroke:#111; stroke-width:1.25; shape-rendering:crispEdges; }
.place-value-chart-header .place-value-chart-header-label { fill:#111!important; text-anchor:middle; dominant-baseline:central; font-size:11px!important; font-weight:500!important; }
.place-value-chart-decimal-point { fill:#111; stroke:none; }
.place-value-chart-ten-million .place-value-chart-header-cell,.place-value-chart-million .place-value-chart-header-cell,.place-value-chart-millionth .place-value-chart-header-cell { fill:#d0d0d0; }
.place-value-chart-hundred-thousand .place-value-chart-header-cell,.place-value-chart-hundred-thousandth .place-value-chart-header-cell { fill:#ddbeb1; }
.place-value-chart-ten-thousand .place-value-chart-header-cell,.place-value-chart-ten-thousandth .place-value-chart-header-cell { fill:#d2b5d8; }
.place-value-chart-thousand .place-value-chart-header-cell,.place-value-chart-thousandth .place-value-chart-header-cell { fill:#d9e4f2; }
.place-value-chart-hundred .place-value-chart-header-cell,.place-value-chart-hundredth .place-value-chart-header-cell { fill:#d5e5c6; }
.place-value-chart-ten .place-value-chart-header-cell,.place-value-chart-tenth .place-value-chart-header-cell { fill:#fff0ae; }
.place-value-chart-one .place-value-chart-header-cell { fill:#ef7f88; }
.place-value-chart-custom .place-value-chart-header-cell { fill:#eef3f5; }
.place-value-cell { fill:#fff; }
.place-value-result-cell { fill:#f7fbfd; }
.place-value-result-rule { stroke:var(--ink,#102532); stroke-width:3; }
.place-value-heading,.place-value-counter-label { text-anchor:middle; }
.place-value-row-annotation { fill:#304f61; text-anchor:start; dominant-baseline:middle; font-size:16px!important; font-weight:800; }
.place-value-compact-cell { fill:#fbfdfe; }
.place-value-digit { fill:var(--ink,#102532)!important; font-size:42px!important; font-weight:850; text-anchor:middle; dominant-baseline:central; }
.place-value-animation-copy { pointer-events:none; }
.place-value-row-label { text-anchor:end; dominant-baseline:middle; font-size:10px!important; }
.place-value-exchange-arrow { fill:none; stroke:#7d43b5; stroke-width:2.5; stroke-linecap:round; }
.place-value-exchange-label { text-anchor:middle; font-size:9px!important; font-weight:700; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.place-value-heading { font-size:11px!important; }
.place-value-counter-disc { stroke:var(--ink,#102532); stroke-width:1.15; }
.place-value-counter-token.interactive-counter { cursor:pointer; }
.place-value-counter-token.interactive-counter:focus { outline:none; }
.place-value-counter-token.interactive-counter:focus .place-value-counter-disc { stroke:#7d43b5; stroke-width:2.6; }
.place-value-counter-label { fill:#fff!important; font-size:var(--place-value-counter-label-size,6px)!important; font-weight:800; dominant-baseline:central; pointer-events:none; }
.place-value-counter-ten-million .place-value-counter-disc,.place-value-counter-million .place-value-counter-disc,.place-value-counter-millionth .place-value-counter-disc { fill:#bfc1c3; }
.place-value-counter-hundred-thousand .place-value-counter-disc,.place-value-counter-hundred-thousandth .place-value-counter-disc { fill:#df9b7f; }
.place-value-counter-ten-thousand .place-value-counter-disc,.place-value-counter-ten-thousandth .place-value-counter-disc { fill:#c17bab; }
.place-value-counter-thousand .place-value-counter-disc,.place-value-counter-thousandth .place-value-counter-disc { fill:#1689b1; }
.place-value-counter-hundred .place-value-counter-disc,.place-value-counter-hundredth .place-value-counter-disc { fill:#4daa3d; }
.place-value-counter-ten .place-value-counter-disc,.place-value-counter-tenth .place-value-counter-disc { fill:#ffbd24; }
.place-value-counter-one .place-value-counter-disc { fill:#ef674d; }
.place-value-counter-custom .place-value-counter-disc { fill:#526c7a; }
.place-value-counter-removed-mark { stroke:#922633; stroke-width:2.2; fill:none; }
.place-value-decimal-point { fill:var(--ink,#102532); stroke:#fff; stroke-width:1.5; }
.exchange-panel-label,.exchange-description { text-anchor:middle; }
.exchange-panel-label { font-size:12px!important; }
.exchange-description { font-size:10px!important; }
.exchange-row-label { text-anchor:end; font-size:11px!important; font-weight:800; }
.exchange-result-label { font-size:12px!important; }
.exchange-arrow { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:2.5; }
.exchange-counter-group { fill:none; stroke:#d64550; stroke-width:2; stroke-dasharray:5 3; }
.exchange-cross { stroke:#d64550; stroke-width:2.5; }
.exchange-target-counter { stroke:var(--ink,#102532); stroke-width:1.15; }
.exchange-target-value,.exchange-target-label { text-anchor:middle; }
.exchange-target-value { font-size:8px!important; }
.exchange-target-label { font-size:8px!important; fill:var(--blue-dark,#006b99)!important; }
.number-grid-cell { fill:#fff; stroke:#526c7a; stroke-width:1; }
.number-grid-cell.highlighted-grid-cell { fill:#cbe942; }
.number-grid-cell.secondary-grid-cell { fill:#58c5e8; }
.number-grid-label { text-anchor:middle; font-size:8px!important; }
.fraction-bar-part { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.fraction-bar-part.highlighted-part { fill:#4ab2cb; }
.fraction-bar-part.secondary-part { fill:#ffd84a; }
.fraction-bar-part.combined-part { fill:#cbe942; }
.column-grid-cell { fill:#fff; stroke:#8ed2ea; stroke-width:1.2; }
.column-grid-cell.exchange-cell { fill:#f3faff; }
.column-grid-cell.result-cell { fill:#fbfdfe; }
.column-grid-digit,.column-grid-operator,.column-grid-comma,.column-grid-decimal,.column-exchange-digit { font-family:"Courier New",monospace!important; text-anchor:middle; dominant-baseline:middle; }
.column-grid-digit { font-size:17px!important; }
.column-grid-operator { font-size:19px!important; }
.column-grid-comma { font-size:16px!important; paint-order:stroke; stroke:#fff; stroke-width:4px; }
.column-grid-decimal { font-size:17px!important; paint-order:stroke; stroke:#fff; stroke-width:4px; }
.column-exchange-digit { fill:var(--blue-dark,#006b99)!important; font-size:11px!important; }
.column-stolen-slash { fill:none; stroke:#c42735; stroke-width:2; stroke-linecap:round; }
.column-grid-rule { stroke:var(--ink,#102532); stroke-width:2.4; }
.comparison-bar { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.larger-comparison-bar { fill:#eaf8ff; }
.smaller-comparison-bar { fill:#fff0c9; }
.comparison-bar-row-label { text-anchor:end; font-size:10px!important; font-weight:700; }
.comparison-bar-value,.comparison-difference-label { text-anchor:middle; font-weight:800; }
.comparison-bar-value { font-size:12px!important; }
.comparison-difference-label { font-size:11px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.comparison-difference-guide { display:none; }
.comparison-difference-arrow { stroke:#7d43b5; stroke-width:2; }
.constant-difference-axis,.constant-difference-tick { stroke:var(--ink,#102532); stroke-width:1.8; }
.constant-difference-jump { fill:none; stroke:#0096ad; stroke-width:2.6; }
.constant-difference-jump-label,.constant-difference-endpoint { text-anchor:middle; font-weight:700; }
.constant-difference-jump-label { font-size:9px!important; fill:#006b7b!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.constant-difference-endpoint { font-size:10px!important; }
.constant-difference-adjustment { fill:none; stroke:#7d43b5; stroke-width:2; }
.constant-difference-adjustment-label { text-anchor:middle; font-size:8px!important; fill:#7d43b5!important; font-weight:700; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.multiplication-related-counter { stroke:var(--ink,#102532); stroke-width:1.15; }
.multiplication-related-label { text-anchor:end; font-size:10px!important; font-weight:700; }
.multiplication-related-equation { font-size:12px!important; font-weight:700; }
.scaling-base-bar,.scaling-multiple-bar { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.scaling-base-bar { fill:#ef4f5f; }
.scaling-multiple-bar { fill:#ffd84a; }
.scaling-bar-label { text-anchor:middle; font-size:10px!important; font-weight:800; }
.scaling-row-label { text-anchor:end; font-size:10px!important; font-weight:700; }
.scaling-factor-label { text-anchor:middle; font-size:10px!important; fill:#7d43b5!important; font-weight:800; }
.equivalent-product-factor { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.equivalent-product-factor.factor-a { fill:#ef4f5f; }
.equivalent-product-factor.factor-b { fill:#ffd84a; }
.equivalent-product-value,.equivalent-product-operator,.equivalent-product-total { text-anchor:middle; font-size:12px!important; font-weight:800; }
.equivalent-product-total { fill:#006b99!important; }
.equivalent-product-arrow { stroke:#7d43b5; stroke-width:2; }
.equivalent-product-arrow-label { text-anchor:middle; font-size:9px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.double-number-line-axis,.double-number-line-tick { stroke:var(--ink,#102532); stroke-width:1.8; }
.double-number-line-value { text-anchor:middle; font-size:10px!important; font-weight:800; }
.double-number-line-row-label { text-anchor:end; font-size:10px!important; font-weight:800; }
.double-number-line-correspondence { fill:none; stroke:#7d43b5; stroke-width:2.2; }
.double-number-line-scale { text-anchor:middle; font-size:9px!important; fill:#7d43b5!important; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.fact-family-counter { stroke:var(--ink,#102532); stroke-width:1.2; }
.fact-family-guide { fill:none; stroke:#7d43b5; stroke-width:2; }
.fact-family-equation { font-size:12px!important; font-weight:800; }
.area-unit-square { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:1.3; }
.area-dimension-line { stroke:#7d43b5; stroke-width:1.8; }
.area-dimension-label,.area-total-label { text-anchor:middle; font-weight:800; }
.area-dimension-label { font-size:10px!important; fill:#7d43b5!important; }
.area-total-label { font-size:12px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.scale-factor-shape { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.scale-factor-shape.original-shape { fill:#ef4f5f; }
.scale-factor-shape.image-shape { fill:#ffd84a; }
.scale-factor-name,.scale-factor-side,.scale-factor-arrow-label { text-anchor:middle; font-weight:800; }
.scale-factor-name { font-size:10px!important; }
.scale-factor-side { font-size:9px!important; }
.scale-factor-arrow { stroke:#7d43b5; stroke-width:2.2; }
.scale-factor-arrow-label { font-size:9px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.factor-tree-edge { stroke:#526c7a; stroke-width:2; }
.factor-tree-node { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.factor-tree-node.prime-node { fill:#ef4f5f; }
.factor-tree-value { text-anchor:middle; font-size:11px!important; font-weight:800; }
.multiplication-grid-header,.multiplication-grid-corner,.multiplication-grid-cell { stroke:#526c7a; stroke-width:.8; }
.multiplication-grid-header { fill:#dceef5; }
.multiplication-grid-corner { fill:#102532; }
.multiplication-grid-corner + .multiplication-grid-heading { fill:#fff!important; }
.multiplication-grid-cell { fill:#fff; }
.multiplication-grid-cell.square-product { fill:#ffe69a; }
.multiplication-grid-cell.commutative-a { fill:#ef4f5f; }
.multiplication-grid-cell.commutative-b { fill:#ffd84a; }
.multiplication-grid-heading,.multiplication-grid-product { text-anchor:middle; font-weight:800; }
.multiplication-grid-heading { font-size:7px!important; }
.multiplication-grid-product { font-size:6px!important; }
.cuisenaire-multiplication-value { text-anchor:middle; font-size:9px!important; font-weight:800; }
.cuisenaire-multiplication-value.on-dark { fill:#fff!important; }
.cuisenaire-row-label { text-anchor:end; font-size:9px!important; font-weight:800; }
.cuisenaire-total-line { stroke:#7d43b5; stroke-width:1.8; }
.cuisenaire-total-label { text-anchor:middle; font-size:10px!important; fill:#7d43b5!important; font-weight:800; }
.division-group-box { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.7; }
.division-group-counter,.division-remainder-counter { stroke:var(--ink,#102532); stroke-width:1; }
.division-remainder-label { text-anchor:middle; font-size:8px!important; font-weight:800; }
.division-remainder-label { fill:#b4232f!important; }
.division-zero-panel { fill:#fff; stroke:#b8cad3; stroke-width:1.3; }
.division-zero-panel.undefined-panel { fill:#fff8f8; }
.division-zero-empty-group { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.division-zero-counter { stroke:var(--ink,#102532); stroke-width:1; }
.division-zero-heading,.division-zero-equation,.division-zero-undefined,.division-zero-note,.division-zero-group-label { text-anchor:middle; font-weight:800; }
.division-zero-heading { font-size:8px!important; }
.division-zero-equation,.division-zero-undefined { font-size:11px!important; }
.division-zero-undefined { fill:#b4232f!important; }
.division-zero-note { font-size:7px!important; fill:#526c7a!important; }
.division-zero-group-label { font-size:9px!important; }
.division-zero-prohibited { stroke:#b4232f; stroke-width:3; }
.remainder-interpretation-group { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.remainder-interpretation-counter { stroke:var(--ink,#102532); stroke-width:1; }
.remainder-counter { stroke:#b4232f; stroke-width:2; }
.remainder-piece-label,.remainder-card-title,.remainder-card-line { text-anchor:middle; font-weight:800; }
.remainder-piece-label { font-size:8px!important; fill:#b4232f!important; }
.remainder-interpretation-card { fill:#eef8fb; stroke:#7d43b5; stroke-width:1.3; }
.remainder-card-title { font-size:7px!important; fill:#7d43b5!important; }
.remainder-card-line { font-size:9px!important; }
.fraction-as-division-part,.fraction-as-division-share { stroke:var(--ink,#102532); stroke-width:1; }
.fraction-as-division-arrow { stroke:#7d43b5; stroke-width:2; }
.fraction-as-division-arrow-label { font-size:8px!important; fill:#7d43b5!important; font-weight:800; }
.fraction-as-division-group { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.fraction-as-division-heading,.fraction-as-division-group-label { text-anchor:middle; font-weight:800; }
.fraction-as-division-heading { font-size:10px!important; }
.fraction-as-division-group-label { font-size:9px!important; }
.division-missing-counter { stroke:var(--ink,#102532); stroke-width:1; }
.division-missing-panel { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.division-missing-label,.division-missing-equation,.division-missing-array-label { text-anchor:middle; font-weight:800; }
.division-missing-label { font-size:8px!important; fill:#526c7a!important; }
.division-missing-equation { font-size:13px!important; }
.division-missing-array-label { font-size:9px!important; fill:#526c7a!important; }
.equality-balance-beam,.equality-balance-support,.equality-balance-pan,.equality-balance-base { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:2.2; }
.equality-balance-pivot { fill:#ffd84a; stroke:var(--ink,#102532); stroke-width:1.4; }
.equality-balance-stand { fill:#dceef5; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.equality-balance-expression,.equality-balance-value { text-anchor:middle; font-weight:800; }
.equality-balance-expression { font-size:11px!important; }
.equality-balance-value { font-size:9px!important; fill:#7d43b5!important; }
.calculation-check-card { stroke:var(--blue-dark,#006b99); stroke-width:1.7; }
.calculation-check-card.stage-1 { fill:#fff0c9; }
.calculation-check-card.stage-2 { fill:#eaf8ff; }
.calculation-check-card.stage-3 { fill:#eef8e8; }
.calculation-check-heading,.calculation-check-expression,.calculation-check-note { text-anchor:middle; font-weight:800; }
.calculation-check-heading { font-size:9px!important; fill:#526c7a!important; }
.calculation-check-expression { font-size:9px!important; }
.calculation-check-note { font-size:7px!important; fill:#526c7a!important; }
.calculation-check-arrow { stroke:#7d43b5; stroke-width:2; }
.two-step-part,.two-step-group { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.two-step-group { fill:#eaf8ff; }
.two-step-whole-bracket { fill:none; stroke:#7d43b5; stroke-width:1.8; }
.two-step-whole-label,.two-step-bar-label,.two-step-arrow-label { text-anchor:middle; font-weight:800; }
.two-step-whole-label { font-size:10px!important; fill:#7d43b5!important; }
.two-step-bar-label { font-size:10px!important; }
.two-step-arrow { stroke:#7d43b5; stroke-width:2; }
.two-step-arrow-label { font-size:8px!important; fill:#7d43b5!important; }
.arrow-card { stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.arrow-card-value,.arrow-card-compose-label,.arrow-card-stacked-value,.arrow-card-stack-label { text-anchor:middle; font-weight:800; }
.arrow-card-value { font-size:10px!important; }
.arrow-card-compose-arrow { stroke:#7d43b5; stroke-width:2; }
.arrow-card-compose-label { font-size:8px!important; fill:#7d43b5!important; }
.arrow-card-stacked { stroke-width:2; }
.arrow-card-stacked-value { font-size:14px!important; }
.arrow-card-stack-label { font-size:8px!important; fill:#526c7a!important; }
.base-ten-equivalence-counter { stroke:var(--ink,#102532); stroke-width:1; }
.base-ten-equivalence-unit,.base-ten-equivalence-label,.base-ten-equivalence-equals { font-weight:800; }
.base-ten-equivalence-unit { text-anchor:middle; font-size:8px!important; fill:#fff!important; }
.base-ten-equivalence-label { text-anchor:middle; font-size:8px!important; }
.base-ten-equivalence-equals { text-anchor:middle; font-size:12px!important; }
.gattegno-row-header,.gattegno-cell { stroke:#526c7a; stroke-width:1; }
.gattegno-row-header { fill:#dceef5; }
.gattegno-cell { fill:#fff; }
.gattegno-cell.ones-row { fill:#fff0c9; }
.gattegno-place-label,.gattegno-value,.gattegno-change { text-anchor:middle; font-weight:800; }
.gattegno-place-label { font-size:6px!important; }
.gattegno-value { font-size:6px!important; }
.gattegno-vertical-arrow { stroke:#7d43b5; stroke-width:2; }
.gattegno-change { font-size:6px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.zoom-line-axis,.zoom-line-tick { stroke:var(--ink,#102532); stroke-width:1.5; pointer-events:none; }
.zoom-line-tick.major-tick { stroke-width:2.2; }
.zoom-line-highlight { stroke:#7d43b5; stroke-width:5; }
.zoom-line-value,.zoom-line-level-label,.zoom-line-zoom-label,.zoom-line-point-label { text-anchor:middle; font-weight:800; }
.zoom-line-value { font-size:7px!important; pointer-events:none; }
.zoom-line-level-label { text-anchor:end; font-size:7px!important; fill:#526c7a!important; }
.zoom-line-zoom-label,.zoom-line-point-label { font-size:7px!important; fill:#7d43b5!important; }
.zoom-line-point { fill:#ef4f5f; stroke:var(--ink,#102532); stroke-width:1; }
.zoom-line-interval-band { fill:transparent; }
.zoom-line-interval-band.selected { fill:rgba(125,67,181,.16); }
.zoom-line-subtick { stroke:var(--ink,#102532); stroke-width:.8; pointer-events:none; }
.zoom-line-interval-hit,.zoom-line-tick-hit { fill:transparent; stroke:transparent; pointer-events:all; }
.zoom-line-interval-hit.active { cursor:zoom-in; }
.zoom-line-tick-hit.active { cursor:pointer; }
.zoom-line-interval-hit.active:hover,.zoom-line-interval-hit.active:focus { fill:rgba(20,155,215,.1); outline:none; }
.zoom-line-tick-hit.active:hover,.zoom-line-tick-hit.active:focus { fill:rgba(20,155,215,.08); stroke:rgba(0,107,153,.42); stroke-width:1.3; outline:none; }
.zoom-line-label-pill { fill:#fff; stroke:#b9d7e5; stroke-width:.8; pointer-events:none; }
.zoom-line-connector { fill:none; stroke:rgba(20,155,215,.3); stroke-width:1.2; }
.zoom-line-connector.thin { stroke:rgba(20,155,215,.2); stroke-width:.75; }
.rounding-line-axis,.rounding-line-tick { stroke:var(--ink,#102532); stroke-width:1.6; }
.rounding-line-tick.major-tick { stroke-width:2.3; }
.rounding-line-lower { fill:#dceef5; }
.rounding-line-upper { fill:#fff0c9; }
.rounding-line-label,.rounding-line-point-label,.rounding-line-arrow-label { text-anchor:middle; font-weight:800; }
.rounding-line-label { font-size:7px!important; }
.rounding-line-value-arrow { stroke:#b4232f; stroke-width:2; }
.rounding-line-point-label { font-size:9px!important; fill:#b4232f!important; }
.rounding-line-arrow { fill:none; stroke:#7d43b5; stroke-width:2; }
.rounding-line-arrow-label { font-size:8px!important; fill:#7d43b5!important; }
.unitising-row-heading,.unitising-value-cell { stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.unitising-row-heading { fill:#dceef5; }
.unitising-value-cell { fill:#fff; }
.unitising-value-cell.chosen-whole { fill:#fff0c9; }
.unitising-heading,.unitising-row-label,.unitising-value { text-anchor:middle; font-weight:800; }
.unitising-heading { font-size:6px!important; }
.unitising-row-label { font-size:7px!important; }
.unitising-value { font-size:10px!important; }
.flexible-partition-header,.flexible-partition-cell { stroke:#526c7a; stroke-width:1.2; }
.flexible-partition-cell { fill:#fff; }
.flexible-partition-cell.exchanged-row { fill:#f7fbfd; }
.flexible-partition-heading,.flexible-partition-value,.flexible-partition-arrow-label { text-anchor:middle; font-weight:800; }
.flexible-partition-heading { font-size:7px!important; }
.flexible-partition-value { font-size:11px!important; }
.flexible-partition-row-label { text-anchor:end; font-size:8px!important; font-weight:800; }
.flexible-partition-arrow { stroke:#7d43b5; stroke-width:1.8; }
.flexible-partition-arrow-label { font-size:6px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.place-comparison-header,.place-comparison-cell { stroke:#526c7a; stroke-width:1.2; }
.place-comparison-cell { fill:#fff; }
.place-comparison-cell.first-difference { fill:#fff0c9; }
.place-comparison-heading,.place-comparison-digit,.place-comparison-highlight-label { text-anchor:middle; font-weight:800; }
.place-comparison-heading { font-size:7px!important; }
.place-comparison-digit { font-size:12px!important; }
.place-comparison-number-label { text-anchor:end; font-size:9px!important; font-weight:800; }
.place-comparison-decimal { fill:var(--ink,#102532); }
.place-comparison-highlight-label { font-size:7px!important; fill:#7d43b5!important; }
.division-partition-root { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.division-partition-root-value,.division-partition-part-value,.division-partition-equation,.division-partition-result { text-anchor:middle; font-weight:800; }
.division-partition-root-value { font-size:11px!important; }
.division-partition-branch { stroke:#526c7a; stroke-width:1.8; }
.division-partition-part { fill:#ef4f5f; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.division-partition-part-value { font-size:11px!important; }
.division-partition-arrow { stroke:#7d43b5; stroke-width:1.8; }
.division-partition-quotient { fill:#fff; stroke:#7d43b5; stroke-width:1.5; }
.division-partition-equation { font-size:8px!important; }
.division-partition-result { font-size:12px!important; fill:#006b99!important; }
.division-exchange-header,.division-exchange-cell { stroke:#526c7a; stroke-width:1; }
.division-exchange-cell { fill:#fff; }
.division-exchange-cell.result-cell { fill:#eef8fb; }
.division-exchange-heading { text-anchor:middle; font-size:8px!important; font-weight:800; }
.division-exchange-counter { stroke:var(--ink,#102532); stroke-width:1; }
.division-exchange-row-label { text-anchor:end; font-size:8px!important; font-weight:800; }
.division-exchange-arrow { fill:none; stroke:#7d43b5; stroke-width:1.8; }
.division-exchange-arrow-label { text-anchor:middle; font-size:7px!important; fill:#7d43b5!important; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.division-exchange-rule { stroke:var(--ink,#102532); stroke-width:2; }
.calculation-chain-step { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.8; }
.calculation-chain-expression { text-anchor:middle; font-size:11px!important; font-weight:800; }
.calculation-chain-arrow { stroke:#7d43b5; stroke-width:1.8; }
.calculation-chain-arrow-label { text-anchor:middle; font-size:10px!important; fill:#7d43b5!important; font-weight:800; }
.calculation-chain-connector { fill:none; stroke:#7d43b5; stroke-width:1.8; }
.diagram-visual.expanded-calculation-chain-visual { width:min(100%,1040px); }
.calculation-chain-step.continuation-step { fill:#f8fbfd; stroke:#9bb0bb; }
.calculation-chain-step.result-step { fill:#fff0f7; stroke:#d92b8a; }
.short-division-cell { fill:#fff; stroke:#9bb0bb; stroke-width:1; }
.short-division-bracket,.long-division-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:2; stroke-linecap:square; stroke-linejoin:miter; }
.short-division-digit,.short-division-quotient,.short-division-divisor,.short-division-remainder { text-anchor:middle; font-size:13px!important; font-weight:800; }
.short-division-carry { font-size:7px!important; fill:#b4232f!important; font-weight:800; }
.short-division-remainder { fill:#b4232f!important; }
.short-division-decimal-point,.long-division-decimal-point { fill:var(--ink,#102532); }
.long-division-panel { fill:#fff; stroke:#b8cad3; stroke-width:1.2; }
.long-division-method,.long-division-quotient,.long-division-divisor,.long-division-dividend,.long-division-row { text-anchor:middle; font-weight:800; }
.long-division-method { font-size:9px!important; }
.long-division-quotient,.long-division-divisor,.long-division-dividend,.long-division-row { font-size:14px!important; }
.long-division-row.subtraction-row { fill:#b4232f!important; }
.long-division-grid-cell { fill:#fff; stroke:#9bb0bb; stroke-width:.8; }
.long-division-grid-digit { text-anchor:middle; font-size:12px!important; font-weight:800; }
.long-division-grid-digit.single-panel-digit { font-size:28px!important; }
.long-division-grid-digit.subtraction-digit { fill:#b4232f!important; }
.long-division-rule { stroke:var(--ink,#102532); stroke-width:1.8; }
.long-division-annotation { font-size:7px!important; fill:#526c7a!important; font-weight:700; }
.long-division-quotient-note { text-anchor:middle; font-size:7px!important; fill:#7d43b5!important; font-weight:800; }
.divisor-facts-model { width:min(100%,360px); margin-inline:auto; }
.division-facts-visual { display:grid; gap:9px; width:100%; }
.division-fact-list { display:grid; grid-template-columns:minmax(0,1fr); gap:5px; }
.division-fact-row { min-height:34px; display:flex; align-items:center; gap:3px 7px; padding:5px 9px; border:1px solid #b8cad3; border-radius:999px; background:#fff; color:#102532; text-align:left; }
.division-fact-row.known-fact-row { flex-wrap:wrap; }
.division-fact-row.active-fact { border-color:#7d43b5; background:#f6effd; }
.division-fact-row.next-fact { border-color:#0f80b3; box-shadow:0 0 0 2px rgba(20,155,215,.12); }
.division-fact-row.revealed-fact { background:#f5fbfd; }
.division-fact-expression { flex:0 0 auto; font-size:.97rem; font-weight:850; white-space:nowrap; }
.division-fact-expression strong { color:#b4232f; }
.division-fact-blank { display:inline-block; min-width:2.2em; color:#526c7a; letter-spacing:.08em; }
.division-fact-known { margin-left:auto; color:#526c7a; font-size:.7rem; font-weight:850; white-space:nowrap; }
.division-fact-strategy { min-width:0; color:#526c7a; font-size:.72rem; font-weight:700; line-height:1.2; }
.division-facts-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; justify-content:center; gap:6px; }
.division-facts-controls button { width:100%; min-height:44px; padding:0 11px; border:1px solid #9bb0bb; border-radius:999px; background:#fff; color:#102532; font-size:.8rem; font-weight:800; cursor:pointer; }
.division-facts-controls button:hover,.division-facts-controls button:focus-visible { border-color:#0f80b3; outline:3px solid rgba(20,155,215,.18); }
.division-facts-controls button:disabled { opacity:.48; cursor:default; }
.division-facts-reveal { border-color:#0f80b3!important; background:#e9f7fc!important; }
.division-facts-complete { grid-column:1 / -1; color:#1f6f49; font-size:.82rem; font-weight:850; text-align:center; }
.division-facts-reset { grid-column:1 / -1; justify-self:center; max-width:150px; }
.divisor-facts-model .visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:620px) { .divisor-facts-model { width:100%; } .division-fact-row { border-radius:14px; } }
.fraction-division-part { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.fraction-division-part.before-highlight { fill:#ef4f5f; }
.fraction-division-part.before-secondary { fill:#ffd84a; }
.fraction-division-part.after-highlight { fill:#ffd84a; }
.fraction-division-arrow { stroke:#7d43b5; stroke-width:2; }
.fraction-division-arrow-label,.fraction-division-label { text-anchor:middle; font-size:9px!important; font-weight:800; }
.fraction-division-arrow-label { fill:#7d43b5!important; }
.place-shift-header,.place-shift-cell { stroke:#526c7a; stroke-width:1.2; }
.place-shift-cell { fill:#fff; }
.place-shift-heading { text-anchor:middle; font-size:9px!important; font-weight:700; }
.place-shift-counter { stroke:var(--ink,#102532); stroke-width:1; }
.place-shift-row-label { text-anchor:end; font-size:9px!important; font-weight:700; }
.place-shift-arrow { fill:none; stroke:#7d43b5; stroke-width:2.2; }
.place-shift-arrow-label { text-anchor:middle; font-size:8px!important; fill:#7d43b5!important; font-weight:700; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.power-square,.power-cube-front,.power-cube-top,.power-cube-side { stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.power-square { fill:#ef4f5f; }
.power-cube-front { fill:#13a4b8; }
.power-cube-top { fill:#67cfda; }
.power-cube-side { fill:#087d91; }
.power-label { text-anchor:middle; font-size:11px!important; font-weight:800; }
.multiplication-area-cell { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.multiplication-area-cell.area-tone-0 { fill:#fff0c9; }
.multiplication-area-cell.area-tone-1 { fill:#eaf8ff; }
.multiplication-area-cell.area-tone-2 { fill:#e8dcf4; }
.multiplication-area-product,.multiplication-area-heading { text-anchor:middle; font-weight:800; }
.multiplication-area-product { font-size:18px!important; }
.multiplication-area-heading { font-size:19px!important; }
.multiplication-area-cell.removed-area-cell { fill:#f3f5f6; stroke:#b4232f; stroke-dasharray:4 3; }
.multiplication-area-removal { stroke:#b4232f; stroke-width:2.3; }
.removed-area-heading { fill:#b4232f!important; }
.multiplication-grid-method-cell { stroke:#315c6e; stroke-width:1.8; }
.multiplication-grid-method-cell.grid-tone-0 { fill:#fff0c9; }
.multiplication-grid-method-cell.grid-tone-1 { fill:#eaf8ff; }
.multiplication-grid-method-cell.grid-tone-2 { fill:#e8dcf4; }
.multiplication-grid-method-product,.multiplication-grid-method-heading,.multiplication-grid-method-sign { fill:var(--ink,#102532); text-anchor:middle; dominant-baseline:middle; font-weight:850; }
.multiplication-grid-method-product { font-size:17px!important; }
.multiplication-grid-method-heading { font-size:20px!important; }
.multiplication-grid-method-sign { font-size:22px!important; }
.long-multiplication-annotation { font-size:8px!important; fill:#526c7a!important; }
.fraction-product-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.fraction-product-cell.horizontal { fill:#ffe29a; }
.fraction-product-cell.vertical { fill:#bfe5f2; }
.fraction-product-cell.overlap { fill:#13a4b8; }
.clock-face { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:2.5; }
.clock-pin { fill:var(--ink,#102532); }
.clock-minute-tick { stroke:#526c7a; stroke-width:.65; }
.clock-minute-tick.major-tick { stroke:var(--ink,#102532); stroke-width:1.35; }
.clock-hour-number { text-anchor:middle; dominant-baseline:middle; font-size:7px!important; }
.clock-hour-hand { stroke:var(--ink,#102532); stroke-width:4; stroke-linecap:round; }
.clock-minute-hand { stroke:var(--blue-dark,#006b99); stroke-width:2.5; stroke-linecap:round; }
.clock-label { text-anchor:middle; font-size:12px!important; }
.decimal-partition-header,.decimal-partition-cell { stroke:#526c7a; stroke-width:1.2; }
.decimal-partition-cell { fill:#fff; }
.decimal-partition-heading,.decimal-partition-row-label { font-weight:800; }
.decimal-partition-heading { text-anchor:middle; font-size:8px!important; }
.decimal-partition-row-label { text-anchor:end; font-size:8px!important; fill:#526c7a!important; }
.decimal-partition-counter { stroke:var(--ink,#102532); stroke-width:1.15; }
.decimal-partition-boundary { stroke:var(--ink,#102532); stroke-width:2.2; }
.decimal-partition-point { fill:var(--ink,#102532); }
.decimal-equivalence-whole { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.8; }
.decimal-equivalence-shade { fill:#ffd84a; }
.decimal-equivalence-grid { stroke:#526c7a; stroke-width:.45; vector-effect:non-scaling-stroke; }
.decimal-equivalence-value { text-anchor:end; font-size:11px!important; font-weight:800; }
.decimal-equivalence-part-label { text-anchor:middle; font-size:7px!important; font-weight:800; fill:#526c7a!important; paint-order:stroke; stroke:#fff; stroke-width:2px; }
.decimal-sequence-axis,.decimal-sequence-tick { stroke:var(--ink,#102532); stroke-width:1.7; }
.decimal-sequence-jump { fill:none; stroke:#7d43b5; stroke-width:1.9; }
.decimal-sequence-value-arrow { stroke:#b4232f; stroke-width:2; }
.decimal-sequence-value,.decimal-sequence-jump-label,.decimal-sequence-missing-label { text-anchor:middle; font-weight:800; }
.decimal-sequence-value { font-size:8px!important; }
.decimal-sequence-jump-label { font-size:7px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.decimal-sequence-missing-label { font-size:9px!important; fill:#b4232f!important; }
.decimal-sequence-row-label { text-anchor:end; font-size:8px!important; font-weight:800; fill:#526c7a!important; }
.decimal-area-cell { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.decimal-area-cell.area-tone-0 { fill:#ffd84a; }
.decimal-area-cell.area-tone-1 { fill:#ef4f5f; }
.decimal-area-subdivision { stroke:#526c7a; stroke-width:.55; vector-effect:non-scaling-stroke; }
.decimal-area-heading,.decimal-area-product,.decimal-area-total-label { text-anchor:middle; font-weight:800; }
.decimal-area-heading { font-size:9px!important; }
.decimal-area-product { font-size:11px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.decimal-area-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:1.5; }
.decimal-area-total-label { font-size:10px!important; }
.decimal-bridge-axis,.decimal-bridge-tick { stroke:var(--ink,#102532); stroke-width:1.7; }
.decimal-bridge-jump { fill:none; stroke:#7d43b5; stroke-width:2; }
.decimal-bridge-value,.decimal-bridge-jump-label { text-anchor:middle; font-weight:800; }
.decimal-bridge-value { font-size:8px!important; }
.decimal-bridge-jump-label { font-size:7px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.decimal-bridge-row-label { text-anchor:end; font-size:8px!important; font-weight:800; fill:#526c7a!important; }
.decimal-inequality-axis,.decimal-inequality-tick { stroke:var(--ink,#102532); stroke-width:1.6; }
.decimal-inequality-tick.major { stroke-width:2.2; }
.decimal-inequality-range { stroke:#7d43b5; stroke-width:6; }
.decimal-inequality-endpoint,.decimal-inequality-range-label { text-anchor:middle; font-weight:800; }
.decimal-inequality-endpoint { font-size:8px!important; }
.decimal-inequality-range-label { font-size:9px!important; fill:#7d43b5!important; }
.decimal-inequality-header,.decimal-inequality-cell { stroke:#526c7a; stroke-width:1.2; }
.decimal-inequality-cell { fill:#fff; }
.decimal-inequality-cell.unknown-cell { fill:#fff0c9; }
.decimal-inequality-heading,.decimal-inequality-digit,.decimal-inequality-candidates { text-anchor:middle; font-weight:800; }
.decimal-inequality-heading { font-size:7px!important; }
.decimal-inequality-digit { font-size:12px!important; }
.decimal-inequality-row-label { text-anchor:end; font-size:9px!important; font-weight:800; }
.decimal-inequality-point { fill:var(--ink,#102532); }
.decimal-inequality-candidates { font-size:8px!important; fill:#7d43b5!important; }
.percentage-hundred-cell { fill:#fff; stroke:#526c7a; stroke-width:.65; }
.percentage-hundred-cell.shaded { fill:#ffd84a; }
.percentage-hundred-grid-label,.percentage-hundred-value { text-anchor:middle; font-weight:800; }
.percentage-hundred-grid-label { font-size:8px!important; fill:#526c7a!important; }
.percentage-hundred-value { font-size:15px!important; }
.percentage-hundred-fraction { font-weight:800; }
.percentage-hundred-arrow { stroke:#7d43b5; stroke-width:2; }
.percentage-unitary-whole { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.percentage-unitary-target { fill:#ffd84a; }
.percentage-unitary-division { stroke:#526c7a; stroke-width:.8; }
.percentage-unitary-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:1.5; }
.percentage-unitary-whole-label,.percentage-unitary-target-label,.percentage-unitary-one-label,.percentage-unitary-step-label,.percentage-unitary-step-operation { text-anchor:middle; font-weight:800; }
.percentage-unitary-whole-label { font-size:9px!important; }
.percentage-unitary-target-label { font-size:9px!important; }
.percentage-unitary-one-marker { stroke:#b4232f; stroke-width:2; }
.percentage-unitary-callout { fill:none; stroke:#b4232f; stroke-width:1.8; }
.percentage-unitary-one-label { font-size:8px!important; fill:#b4232f!important; }
.percentage-unitary-step { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.percentage-unitary-step-label { font-size:8px!important; }
.percentage-unitary-step-arrow { stroke:#7d43b5; stroke-width:1.8; }
.percentage-unitary-step-operation { font-size:7px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.reverse-percentage-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.reverse-percentage-cell.known-part { fill:#ffd84a; }
.reverse-percentage-whole-bracket,.reverse-percentage-known-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:1.5; }
.reverse-percentage-known-bracket { stroke:#7d43b5; }
.reverse-percentage-whole-label,.reverse-percentage-known-label,.reverse-percentage-step-label,.reverse-percentage-operation { text-anchor:middle; font-weight:800; }
.reverse-percentage-whole-label { font-size:10px!important; }
.reverse-percentage-known-label { font-size:8px!important; fill:#7d43b5!important; }
.reverse-percentage-step { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.reverse-percentage-step-label { font-size:8px!important; }
.reverse-percentage-step-arrow { stroke:#7d43b5; stroke-width:1.8; }
.reverse-percentage-operation { font-size:7px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.percentage-change-original { fill:#ef4f5f; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.percentage-change-part { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.percentage-change-part.removed-part { fill:#ffd84a; stroke-dasharray:4 3; }
.percentage-change-value,.percentage-change-small-value,.percentage-change-total { text-anchor:middle; font-weight:800; }
.percentage-change-value { font-size:9px!important; }
.percentage-change-small-value { font-size:7px!important; }
.percentage-change-total { font-size:9px!important; }
.percentage-change-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:1.5; }
.percentage-change-row-label { text-anchor:end; font-size:8px!important; font-weight:800; fill:#526c7a!important; }
.percentage-comparison-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:.8; }
.percentage-comparison-cell.selected { fill:#ffd84a; }
.percentage-comparison-row-label { font-size:8px!important; font-weight:800; }
.percentage-comparison-fraction,.percentage-comparison-percent,.percentage-comparison-conclusion { font-weight:800; }
.percentage-comparison-percent { font-size:10px!important; }
.percentage-comparison-conclusion { text-anchor:middle; font-size:10px!important; fill:#7d43b5!important; }
.percentage-set-counter,.percentage-set-key { stroke:var(--ink,#102532); stroke-width:1; }
.percentage-set-label,.percentage-set-percent { text-anchor:middle; font-weight:800; }
.percentage-set-label { font-size:8px!important; fill:#526c7a!important; }
.percentage-set-percent { font-size:15px!important; }
.percentage-set-fraction { font-weight:800; }
.percentage-set-arrow { stroke:#7d43b5; stroke-width:2; }
.percentage-set-key-label { font-size:8px!important; font-weight:800; }
.percentage-rate-original { fill:#ef4f5f; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.percentage-rate-change { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.percentage-rate-row-label { text-anchor:end; font-size:8px!important; font-weight:800; fill:#526c7a!important; }
.percentage-rate-value,.percentage-rate-change-value,.percentage-rate-difference-label { text-anchor:middle; font-weight:800; }
.percentage-rate-value { font-size:10px!important; }
.percentage-rate-change-value { font-size:8px!important; }
.percentage-rate-difference { stroke:#7d43b5; stroke-width:1.8; }
.percentage-rate-difference-label { font-size:7px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.percentage-rate-equation { font-weight:800; }
.percentage-sector-whole { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.percentage-sector-highlight { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.percentage-sector-angle-arc { fill:none; stroke:#7d43b5; stroke-width:2.5; }
.percentage-sector-angle-label { text-anchor:middle; font-size:9px!important; font-weight:800; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.percentage-sector-wedge-label,.percentage-sector-chain-value { text-anchor:middle; font-weight:800; }
.percentage-sector-wedge-label { font-size:9px!important; }
.percentage-sector-chain-value { font-size:14px!important; }
.percentage-sector-fraction { font-weight:800; }
.percentage-sector-arrow { stroke:#7d43b5; stroke-width:2; }
.statistics-venn-circle { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.statistics-venn-set-label,.statistics-venn-item,.statistics-venn-outside-label,.statistics-venn-outside-item { font-weight:800; }
.statistics-venn-set-label,.statistics-venn-item { text-anchor:middle; }
.statistics-venn-set-label { font-size:10px!important; }
.statistics-venn-item { font-size:9px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.statistics-venn-outside-label,.statistics-venn-outside-item { font-size:8px!important; }
.statistics-venn-outside-label { fill:#526c7a!important; }
.statistics-carroll-header { fill:#dff3fa; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.statistics-carroll-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.statistics-carroll-heading,.statistics-carroll-row-label,.statistics-carroll-cell-value { text-anchor:middle; font-weight:800; }
.statistics-carroll-heading,.statistics-carroll-row-label { font-size:8px!important; }
.statistics-carroll-cell-value { font-size:9px!important; }
.statistics-table-heading { fill:#dff3fa; stroke:var(--blue-dark,#006b99); stroke-width:1.3; }
.statistics-table-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.statistics-table-heading-label,.statistics-table-frequency { text-anchor:middle; font-weight:800; }
.statistics-table-heading-label { font-size:8px!important; }
.statistics-table-label,.statistics-table-frequency { font-size:9px!important; }
.statistics-tally-mark { stroke:var(--ink,#102532); stroke-width:2.2; stroke-linecap:round; }
.statistics-tally-mark.tally-cross { stroke:#b4232f; }
.statistics-pictogram-outline { fill:#fff; stroke:var(--ink,#102532); stroke-width:1.4; }
.statistics-pictogram-fill { fill:#ffd84a; stroke:none; }
.statistics-pictogram-row-label { text-anchor:end; font-size:9px!important; font-weight:800; }
.statistics-pictogram-row-value { font-size:9px!important; font-weight:800; }
.statistics-pictogram-key { font-size:8px!important; font-weight:800; }
.statistics-chart-axis { stroke:var(--ink,#102532); stroke-width:1.8; }
.statistics-chart-grid { stroke:#c7d7df; stroke-width:.8; }
.statistics-chart-tick-label { text-anchor:end; font-size:7px!important; fill:#526c7a!important; }
.statistics-chart-category { text-anchor:middle; font-size:8px!important; font-weight:800; }
.statistics-chart-axis-label { text-anchor:middle; font-size:8px!important; font-weight:800; }
.statistics-block { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.statistics-bar { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.statistics-bar-value,.statistics-comparative-value,.statistics-line-value { text-anchor:middle; font-size:7px!important; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.statistics-comparative-bar.series-0,.statistics-comparative-key.series-0 { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:1.3; }
.statistics-comparative-bar.series-1,.statistics-comparative-key.series-1 { fill:#ef4f5f; stroke:var(--blue-dark,#006b99); stroke-width:1.3; }
.statistics-comparative-key-label { font-size:7px!important; font-weight:800; }
.statistics-line-series { fill:none; stroke:#7d43b5; stroke-width:2.4; }
.statistics-line-point { fill:#ffd84a; stroke:var(--ink,#102532); stroke-width:1.4; }
.statistics-pie-sector { stroke:#fff; stroke-width:2; }
.statistics-pie-sector.sector-0,.statistics-pie-key.sector-0 { fill:#ffd84a; }
.statistics-pie-sector.sector-1,.statistics-pie-key.sector-1 { fill:#ef4f5f; }
.statistics-pie-sector.sector-2,.statistics-pie-key.sector-2 { fill:#57b8d8; }
.statistics-pie-sector.sector-3,.statistics-pie-key.sector-3 { fill:#7d43b5; }
.statistics-pie-sector.sector-4,.statistics-pie-key.sector-4 { fill:#79bf72; }
.statistics-pie-sector.sector-5,.statistics-pie-key.sector-5 { fill:#f29d49; }
.statistics-pie-outline { fill:none; stroke:var(--ink,#102532); stroke-width:1.5; }
.statistics-pie-key { stroke:var(--ink,#102532); stroke-width:1; }
.statistics-pie-key-label { font-size:8px!important; font-weight:800; }
.statistics-two-way-table { width:min(100%,560px); margin:0 auto; border-collapse:collapse; text-align:center; }
.statistics-two-way-table th,.statistics-two-way-table td { border:1px solid var(--blue-dark,#006b99); padding:.55rem .7rem; }
.statistics-two-way-table thead th,.statistics-two-way-table tbody th { background:#dff3fa; }
.statistics-two-way-table .statistics-table-total,.statistics-two-way-table .statistics-table-total-row td,.statistics-two-way-table .statistics-table-total-row th { background:#fff0c9; font-weight:800; }
.statistics-average-heading,.statistics-ordered-heading,.statistics-average-summary,.statistics-mean-label,.statistics-range-label { font-weight:800; }
.statistics-average-heading,.statistics-average-summary,.statistics-range-label { text-anchor:middle; }
.statistics-average-heading { font-size:9px!important; }
.statistics-average-block { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:1; }
.statistics-average-source-value,.statistics-ordered-value { text-anchor:middle; font-size:9px!important; font-weight:800; }
.statistics-mean-line { stroke:#7d43b5; stroke-width:2.2; stroke-dasharray:5 3; }
.statistics-mean-label { font-size:8px!important; fill:#7d43b5!important; }
.statistics-ordered-heading { text-anchor:end; font-size:8px!important; fill:#526c7a!important; }
.statistics-ordered-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.statistics-ordered-cell.mode-cell { fill:#ffe899; }
.statistics-ordered-cell.median-cell { stroke:#b4232f; stroke-width:2.5; }
.statistics-range-arrow { stroke:#7d43b5; stroke-width:1.8; }
.statistics-range-label { font-size:7px!important; fill:#7d43b5!important; }
.statistics-average-summary { font-size:8px!important; }
.statistics-scatter-point { fill:#ffd84a; stroke:var(--ink,#102532); stroke-width:1.3; }
.statistics-scatter-trend { stroke:#b4232f; stroke-width:2.2; stroke-dasharray:6 4; }
.statistics-scatter-axis-label,.statistics-scatter-correlation { font-size:8px!important; font-weight:800; }
.statistics-scatter-axis-label { text-anchor:middle; }
.statistics-scatter-correlation { text-anchor:end; fill:#7d43b5!important; }
.statistics-dot-plot-axis,.statistics-dot-plot-tick { stroke:var(--ink,#102532); stroke-width:1.8; }
.statistics-dot-plot-guide { stroke:#d5e1e6; stroke-width:.8; }
.statistics-dot-plot-point { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.statistics-dot-plot-value,.statistics-dot-plot-axis-label { text-anchor:middle; font-weight:800; }
.statistics-dot-plot-value { font-size:8px!important; }
.statistics-dot-plot-axis-label { font-size:9px!important; }
.statistics-dot-plot-count { text-anchor:end; font-size:8px!important; font-weight:800; fill:#526c7a!important; }
.statistics-stem-heading,.statistics-stem-value,.statistics-stem-key { text-anchor:middle; font-weight:800; }
.statistics-stem-heading { font-size:9px!important; }
.statistics-stem-cell { fill:#dff3fa; stroke:none; }
.statistics-stem-row-line,.statistics-stem-divider { stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.statistics-stem-value { font-size:10px!important; }
.statistics-stem-left-leaves,.statistics-stem-right-leaves { font-size:10px!important; font-weight:800; }
.statistics-stem-left-leaves { text-anchor:end; }
.statistics-stem-right-leaves { text-anchor:start; }
.statistics-stem-key-box { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:1.3; }
.statistics-stem-key { font-size:8px!important; }
.statistics-misleading-panel { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.statistics-misleading-panel.misleading-panel { stroke:#b4232f; stroke-width:2; }
.statistics-misleading-title,.statistics-misleading-note,.statistics-misleading-warning { text-anchor:middle; font-weight:800; }
.statistics-misleading-title { font-size:9px!important; }
.statistics-misleading-note { font-size:7px!important; fill:#526c7a!important; }
.statistics-misleading-warning { font-size:7px!important; fill:#b4232f!important; }
.statistics-misleading-grid { stroke:#d5e1e6; stroke-width:.7; }
.statistics-misleading-axis { stroke:var(--ink,#102532); stroke-width:1.5; }
.statistics-misleading-tick { text-anchor:end; font-size:6px!important; fill:#526c7a!important; }
.statistics-misleading-bar { fill:#ffd84a; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.statistics-misleading-bar.distorted-bar { fill:#ef4f5f; }
.statistics-misleading-bar-value,.statistics-misleading-category { text-anchor:middle; font-weight:800; }
.statistics-misleading-bar-value { font-size:7px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.statistics-misleading-category { font-size:7px!important; }
.statistics-misleading-axis-break { fill:none; stroke:#b4232f; stroke-width:2; }
.statistics-misleading-compare-arrow { stroke:#7d43b5; stroke-width:2; }
.probability-scale-axis,.probability-scale-tick { stroke:var(--ink,#102532); stroke-width:1.8; }
.probability-scale-tick.major { stroke-width:2.4; }
.probability-scale-marker-arrow { stroke:#7d43b5; stroke-width:1.8; }
.probability-scale-marker-label,.probability-scale-end-label { text-anchor:middle; font-weight:800; }
.probability-scale-marker-label { font-size:7px!important; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.probability-scale-end-label { font-size:8px!important; }
.probability-scale-value { font-weight:800; }
.probability-spinner-sector { stroke:#fff; stroke-width:2; }
.probability-spinner-sector.sector-0 { fill:#ffd84a; }
.probability-spinner-sector.sector-1 { fill:#ef4f5f; }
.probability-spinner-sector.sector-2 { fill:#57b8d8; }
.probability-spinner-sector.sector-3 { fill:#7d43b5; }
.probability-spinner-sector.sector-4 { fill:#79bf72; }
.probability-spinner-sector.sector-5 { fill:#f29d49; }
.probability-spinner-outline { fill:none; stroke:var(--ink,#102532); stroke-width:1.6; }
.probability-spinner-centre { fill:var(--ink,#102532); }
.probability-spinner-title,.probability-spinner-sector-label,.probability-spinner-summary,.probability-spinner-judgement { text-anchor:middle; font-weight:800; }
.probability-spinner-title { font-size:10px!important; }
.probability-spinner-sector-label { font-size:9px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.probability-spinner-summary { font-size:7px!important; }
.probability-spinner-judgement { font-size:7px!important; }
.probability-spinner-judgement.fair { fill:#26743a!important; }
.probability-spinner-judgement.unfair { fill:#b4232f!important; }
.probability-complement-bracket { fill:none; stroke:var(--ink,#102532); stroke-width:1.5; }
.probability-complement-whole,.probability-complement-operator { text-anchor:middle; font-weight:800; }
.probability-complement-whole { font-size:9px!important; }
.probability-complement-part { stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.probability-complement-part.event-part { fill:#ffd84a; }
.probability-complement-part.complement-part { fill:#ef4f5f; }
.probability-complement-label,.probability-complement-equation { font-weight:800; }
.probability-complement-operator { font-size:11px!important; }
.probability-sample-header { fill:#dff3fa; stroke:var(--blue-dark,#006b99); stroke-width:1.3; }
.probability-sample-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.3; }
.probability-sample-cell.favourable { fill:#ffd84a; }
.probability-sample-heading,.probability-sample-outcome { text-anchor:middle; font-weight:800; }
.probability-sample-heading { font-size:8px!important; }
.probability-sample-outcome { font-size:10px!important; }
.probability-sample-result,.probability-sample-result-affix { font-weight:800; }
.probability-sample-result-affix { text-anchor:end; font-size:9px!important; }
.probability-experimental-header { fill:#dff3fa; stroke:var(--blue-dark,#006b99); stroke-width:1.1; }
.probability-experimental-cell { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.1; }
.probability-experimental-heading,.probability-experimental-value,.probability-experimental-table-label { text-anchor:middle; font-weight:800; }
.probability-experimental-heading { font-size:6px!important; }
.probability-experimental-value { font-size:7px!important; }
.probability-experimental-fraction { font-weight:800; }
.probability-experimental-table-label { font-size:8px!important; }
.probability-experimental-grid { stroke:#d5e1e6; stroke-width:.7; }
.probability-experimental-axis { stroke:var(--ink,#102532); stroke-width:1.5; }
.probability-experimental-tick { text-anchor:end; font-size:6px!important; fill:#526c7a!important; }
.probability-experimental-theoretical { stroke:#b4232f; stroke-width:1.8; stroke-dasharray:5 3; }
.probability-experimental-theoretical-label { text-anchor:end; font-size:6px!important; font-weight:800; fill:#b4232f!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.probability-experimental-series { fill:none; stroke:#7d43b5; stroke-width:2; }
.probability-experimental-point { fill:#ffd84a; stroke:var(--ink,#102532); stroke-width:1.2; }
.probability-experimental-axis-label { text-anchor:middle; font-size:7px!important; font-weight:800; }
.probability-tree-branch { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.probability-tree-branch.highlighted { stroke:#e8a51a; stroke-width:4; }
.probability-tree-node { fill:var(--ink,#102532); }
.probability-tree-outcome,.probability-tree-leaf-label,.probability-tree-guidance { font-weight:800; }
.probability-tree-outcome { font-size:8px!important; }
.probability-tree-leaf-label { font-size:7px!important; }
.probability-tree-probability { font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.probability-tree-guidance { text-anchor:middle; font-size:7px!important; fill:#526c7a!important; }
.shape-property-matrix,.three-dimensional-properties-table { width:100%; border-collapse:collapse; text-align:center; }
.shape-property-matrix th,.shape-property-matrix td,.three-dimensional-properties-table th,.three-dimensional-properties-table td { border:1px solid var(--blue-dark,#006b99); padding:.48rem .55rem; }
.shape-property-matrix thead th,.shape-property-matrix tbody th,.three-dimensional-properties-table thead th,.three-dimensional-properties-table tbody th { background:#dff3fa; }
.shape-property-matrix td,.three-dimensional-properties-table td { background:#fff; }
.shape-property-matrix .shape-property-family-row th { background:#eef8fb; color:var(--blue-dark,#006b99); text-align:left; font-size:.82rem; letter-spacing:.02em; padding:.38rem .55rem; }
.triangle-classification-shape,.angle-sum-shape { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.shape-classification-panel,.angle-type-panel,.line-relationship-panel { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.shape-equal-tick,.polygon-equal-side-tick { stroke:#b4232f; stroke-width:2.4; }
.shape-right-angle-marker { fill:none; stroke:#7d43b5; stroke-width:2; }
.shape-classification-label { text-anchor:middle; font-size:8px!important; font-weight:800; }
.triangle-classification-heading { text-anchor:middle; font-size:8px!important; font-weight:800; fill:#526c7a!important; }
.triangle-equal-angle-arc { fill:none; stroke:#7d43b5; stroke-width:2.2; }
.quadrilateral-family-connector { fill:none; stroke:#78909c; stroke-width:1.7; stroke-linejoin:round; }
.quadrilateral-family-node-box { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.quadrilateral-family-node.root-node .quadrilateral-family-node-box { fill:#dff3fa; stroke-width:2; }
.quadrilateral-family-node.parallelogram-node .quadrilateral-family-node-box { fill:#eef8fb; }
.quadrilateral-family-node.square-node .quadrilateral-family-node-box { fill:#fff5c6; stroke:#c58a00; stroke-width:2; }
.quadrilateral-family-shape { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:1.8; vector-effect:non-scaling-stroke; }
.quadrilateral-family-name { font-size:8px!important; font-weight:800; }
.quadrilateral-family-note { font-size:6px!important; font-weight:700; fill:#526c7a!important; }
.angle-type-ray,.line-relationship-line { stroke:var(--ink,#102532); stroke-width:2; stroke-linecap:round; }
.angle-type-arc { fill:none; stroke-width:2.4; }
.angle-type-0 { stroke:#e8a51a; }
.angle-type-2 { stroke:#7d43b5; }
.angle-type-3 { stroke:#57b8d8; }
.angle-type-4 { stroke:#b4232f; }
.angle-type-value,.angle-type-name { text-anchor:middle; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.angle-type-value { font-size:7px!important; }
.angle-type-name { font-size:8px!important; }
.angle-worksheet-question-model figcaption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.angle-worksheet-question-visual { width:100%; height:100%; display:block; }
.angle-worksheet-ray { stroke:var(--ink,#102532); stroke-width:3; stroke-linecap:round; }
.angle-worksheet-arc,.angle-worksheet-right-marker { fill:none; stroke:var(--blue,#149bd7); stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; }
.angle-worksheet-turn-arrow { fill:var(--blue,#149bd7); stroke:none; }
.angle-worksheet-vertex { fill:var(--ink,#102532); }
.line-parallel-mark { fill:none; stroke:#7d43b5; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.line-relationship-label { text-anchor:middle; font-size:7px!important; font-weight:800; }
.polygon-comparison-shape { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.polygon-comparison-shape.regular-shape { fill:#fff0c9; }
.polygon-comparison-shape.irregular-shape { fill:#eef8fb; }
.polygon-equal-angle-arc { fill:none; stroke:#7d43b5; stroke-width:1.8; }
.polygon-comparison-title,.polygon-comparison-note { text-anchor:middle; font-weight:800; }
.polygon-comparison-title { font-size:9px!important; }
.polygon-comparison-note { font-size:7px!important; fill:#526c7a!important; }
.regular-polygon-question-shape {
  fill:#eef8fb;
  stroke:var(--blue-dark,#006b99);
  stroke-width:3;
  stroke-linejoin:round;
}
.regular-polygon-question-vertex { fill:var(--blue-dark,#006b99); }
.symmetry-shape { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.symmetry-line,.symmetry-mirror-line { stroke:#7d43b5; stroke-width:1.8; stroke-dasharray:6 4; }
.symmetry-grid-line { stroke:#d5e1e6; stroke-width:.8; }
.symmetry-original,.symmetry-reflection { fill:none; stroke-width:3; }
.symmetry-original { stroke:#e8a51a; }
.symmetry-reflection { stroke:#b4232f; }
.symmetry-panel-title,.symmetry-grid-label { text-anchor:middle; font-weight:800; }
.symmetry-panel-title { font-size:8px!important; }
.symmetry-grid-label { font-size:7px!important; }
.shape-reasoning-angle-arc { fill:none; stroke-width:2.3; }
.shape-reasoning-angle-label { text-anchor:middle; font-size:7px!important; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
path.angle-sum-tone-0 { stroke:#e8a51a; fill:none!important; }
path.angle-sum-tone-1 { stroke:#7d43b5; fill:none!important; }
path.angle-sum-tone-2 { stroke:#b4232f; fill:none!important; }
path.angle-sum-tone-3 { stroke:#26743a; fill:none!important; }
.shape-reasoning-angle-label.angle-sum-tone-0 { stroke:#fff; fill:#b67800!important; }
.shape-reasoning-angle-label.angle-sum-tone-1 { stroke:#fff; fill:#7d43b5!important; }
.shape-reasoning-angle-label.angle-sum-tone-2 { stroke:#fff; fill:#b4232f!important; }
.shape-reasoning-angle-label.angle-sum-tone-3 { stroke:#fff; fill:#26743a!important; }
.angle-sum-diagonal { stroke:#526c7a; stroke-width:1.5; stroke-dasharray:5 3; }
.angle-sum-title,.angle-sum-equation { text-anchor:middle; font-weight:800; }
.angle-sum-title { font-size:9px!important; }
.angle-sum-equation { font-size:8px!important; }
.angle-relationship-ray { stroke:var(--ink,#102532); stroke-width:2; }
.angle-relationship-arc { fill:none; stroke-width:2.8; }
.angle-relationship-label { text-anchor:middle; font-size:7px!important; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; }
path.relationship-tone-0 { stroke:#e8a51a; fill:none!important; }
path.relationship-tone-1 { stroke:#7d43b5; fill:none!important; }
path.relationship-tone-2 { stroke:#b4232f; fill:none!important; }
.angle-relationship-label.relationship-tone-0 { stroke:#fff; fill:#b67800!important; }
.angle-relationship-label.relationship-tone-1 { stroke:#fff; fill:#7d43b5!important; }
.angle-relationship-label.relationship-tone-2 { stroke:#fff; fill:#b4232f!important; }
.angle-relationship-point { fill:var(--ink,#102532); }
.angle-relationship-title,.angle-relationship-equation { text-anchor:middle; font-weight:800; }
.angle-relationship-title { font-size:8px!important; }
.angle-relationship-equation { font-size:7px!important; }
.circle-parts-circle { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:2.2; }
.circle-parts-centre { fill:var(--ink,#102532); }
.circle-parts-diameter { stroke:#b4232f; stroke-width:2.3; }
.circle-parts-radius { stroke:#7d43b5; stroke-width:2.3; }
.circle-parts-leader { stroke:#526c7a; stroke-width:1.2; }
.circle-parts-label { font-size:8px!important; font-weight:800; }
.circle-parts-equation-box { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.circle-parts-equation { text-anchor:middle; font-size:8px!important; font-weight:800; }
.shape-net-face { stroke:var(--blue-dark,#006b99); stroke-width:1.5; }
.shape-net-face.face-top { fill:#ffd84a; }
.shape-net-face.face-side { fill:#ef4f5f; }
.shape-net-face.face-front { fill:#57b8d8; }
.shape-net-face.invalid-face { fill:#fff; stroke:#b4232f; }
.shape-net-face-label { text-anchor:middle; font-size:6px!important; font-weight:800; }
.shape-net-title,.shape-net-note { text-anchor:middle; font-weight:800; }
.shape-net-title { font-size:9px!important; }
.shape-net-title.valid-title { fill:#26743a!important; }
.shape-net-title.invalid-title { fill:#b4232f!important; }
.shape-net-note { font-size:7px!important; fill:#526c7a!important; }
.shape-learning-panel,.shape-orientation-panel,.shape-construction-panel,.shape-views-card { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.shape-learning-title,.shape-learning-note { text-anchor:middle; font-weight:800; }
.shape-learning-title { font-size:9px!important; fill:var(--blue-dark,#006b99)!important; }
.shape-learning-note { font-size:6px!important; fill:#526c7a!important; }
.shape-orientation-example { stroke:var(--blue-dark,#006b99); stroke-width:2; }
.shape-orientation-example.valid-example { fill:#fff0c9; }
.shape-orientation-example.non-example { fill:#fbe8ea; stroke:#b4232f; stroke-dasharray:5 3; }
.shape-orientation-label { text-anchor:middle; font-size:6px!important; font-weight:800; fill:#26743a!important; }
.shape-orientation-label.non-example-label { fill:#b4232f!important; }
.shape-composition-piece { stroke:var(--blue-dark,#006b99); stroke-width:1.4; }
.shape-composition-piece.first-piece { fill:#ef4f5f; }
.shape-composition-piece.second-piece { fill:#ffd84a; }
.shape-composition-outline,.shape-decomposition-shape { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:1.8; }
.shape-composition-symbol { text-anchor:middle; font-size:14px!important; font-weight:800; }
.shape-composition-arrow,.shape-face-arrow,.shape-views-arrow { stroke:#526c7a; stroke-width:1.6; }
.shape-decomposition-line { stroke:#7d43b5; stroke-width:1.8; }
.shape-decomposition-part-label { text-anchor:middle; font-size:6px!important; font-weight:800; fill:#526c7a!important; }
.turn-angle-ray { stroke:var(--ink,#102532); stroke-width:2; stroke-linecap:round; }
.turn-angle-ray.end-ray { stroke:#7d43b5; }
.turn-angle-arc { fill:none; stroke:#e8a51a; stroke-width:2.4; }
.turn-angle-centre { fill:var(--ink,#102532); }
.turn-angle-name,.turn-angle-degrees { text-anchor:middle; font-weight:800; }
.turn-angle-name { font-size:7px!important; }
.turn-angle-degrees { font-size:9px!important; fill:#7d43b5!important; }
.shape-face-solid,.shape-family-solid path,.shape-family-solid circle,.shape-family-solid ellipse,.shape-views-solid { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.7; stroke-linejoin:round; }
.shape-face-highlight,.shape-views-highlight { fill:#ffd84a; stroke:#c58a00; stroke-width:1.4; }
.shape-face-flat { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:1.6; }
.shape-face-title,.shape-face-name { text-anchor:middle; font-weight:800; }
.shape-face-title { font-size:8px!important; }
.shape-face-name { font-size:7px!important; fill:#526c7a!important; }
.shape-family-card { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.shape-family-solid ellipse { fill:none; }
.shape-family-solid .three-dimensional-wireframe path,.shape-family-solid .three-dimensional-wireframe circle,.shape-family-solid .three-dimensional-wireframe ellipse { fill:none; }
.three-dimensional-object[data-edge-visibility="opaque"] .three-dimensional-hidden-edge { display:none; }
.three-dimensional-object[data-edge-visibility="wireframe"] .three-dimensional-hidden-edge { fill:none; stroke:#526c7a; stroke-width:1.4; stroke-dasharray:4 3; stroke-linecap:round; }
.shape-family-surface-guide { stroke:#526c7a!important; stroke-width:1.2!important; }
.shape-family-name,.shape-family-note { text-anchor:middle; font-weight:800; }
.shape-family-name { font-size:8px!important; }
.shape-family-note { font-size:5.2px!important; fill:#526c7a!important; }
.shape-construction-step,.shape-construction-measure { text-anchor:middle; font-weight:800; }
.shape-construction-step { font-size:7px!important; }
.shape-construction-line,.shape-construction-guide,.shape-construction-final { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.shape-construction-guide { stroke-dasharray:5 3; }
.shape-construction-dimension { stroke:#526c7a; stroke-width:1.4; }
.shape-construction-measure,.shape-construction-side-label { font-size:7px!important; font-weight:800; fill:#526c7a!important; }
.shape-construction-angle-arc { fill:none; stroke:#7d43b5; stroke-width:2.2; }
.shape-construction-angle-label { text-anchor:middle; font-size:7px!important; font-weight:800; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.shape-construction-protractor { fill:none; stroke:#c7d7df; stroke-width:1.2; stroke-dasharray:3 2; }
.shape-views-title,.shape-views-solid-label,.shape-views-name { text-anchor:middle; font-weight:800; }
.shape-views-title { font-size:9px!important; }
.shape-views-solid-label,.shape-views-name { font-size:7px!important; fill:#526c7a!important; }
.shape-views-flat polygon,.shape-views-flat rect { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:1.7; }
.shape-views-top-ridge { stroke:var(--blue-dark,#006b99); stroke-width:1.7; }
.shape-reasoning-card { stroke-width:1.5; }
.shape-reasoning-card.always-card { fill:#edf8ef; stroke:#26743a; }
.shape-reasoning-card.sometimes-card { fill:#fff8dc; stroke:#c58a00; }
.shape-reasoning-card.never-card { fill:#fbe8ea; stroke:#b4232f; }
.shape-reasoning-badge,.shape-reasoning-statement,.shape-reasoning-evidence,.shape-reasoning-small-label { text-anchor:middle; font-weight:800; }
.shape-reasoning-badge { font-size:9px!important; }
.always-card .shape-reasoning-badge { fill:#26743a!important; }
.sometimes-card .shape-reasoning-badge { fill:#9b6a00!important; }
.never-card .shape-reasoning-badge { fill:#b4232f!important; }
.shape-reasoning-statement { font-size:8px!important; }
.shape-reasoning-example { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.8; }
.shape-reasoning-right-angles { fill:none; stroke:#7d43b5; stroke-width:1.5; }
.shape-reasoning-small-label,.shape-reasoning-side-number { font-size:6px!important; font-weight:800; }
.shape-reasoning-small-label.yes-label { fill:#26743a!important; }
.shape-reasoning-small-label.no-label { fill:#b4232f!important; }
.shape-reasoning-side-number { fill:#526c7a!important; }
.shape-reasoning-evidence { font-size:5.4px!important; fill:#526c7a!important; }
.rotation-demonstration-card { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.rotation-stage-title,.rotation-centre-label,.rotation-match-label,.rotation-between-label,.rotation-matches-title,.rotation-match-angle,.rotation-order-conclusion { text-anchor:middle; font-weight:800; }
.rotation-stage-title { font-size:8px!important; }
.rotation-turning-shape { fill:#fff0c9; fill-opacity:.72; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.rotation-fixed-outline { fill:none; stroke:#9bb0bc; stroke-width:5; stroke-dasharray:5 4; }
.rotation-corner-tracer { fill:#e8a51a; stroke:#9b6a00; stroke-width:1.2; }
.rotation-centre { fill:#7d43b5; stroke:#fff; stroke-width:1.2; }
.rotation-centre-label,.rotation-match-label { font-size:6.2px!important; fill:#526c7a!important; }
.rotation-between-arrow,.rotation-quarter-turn-arrow { fill:none; stroke:#e8a51a; stroke-width:1.8; }
.rotation-between-label { font-size:5.7px!important; fill:#9b6a00!important; }
.rotation-matches-title { font-size:6.5px!important; fill:#526c7a!important; }
.rotation-match-badge { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.rotation-match-angle { font-size:7px!important; }
.rotation-order-conclusion { font-size:8px!important; fill:#26743a!important; }
.quadrilateral-diagonal-shape { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:1.8; }
.quadrilateral-diagonal { stroke:#7d43b5; stroke-width:1.5; }
.quadrilateral-diagonal.second-diagonal { stroke:#e8a51a; }
.quadrilateral-diagonal-right-angle { fill:none; stroke:#b4232f; stroke-width:1.5; }
.quadrilateral-diagonal-name,.quadrilateral-diagonal-note { text-anchor:middle; font-weight:800; }
.quadrilateral-diagonal-name { font-size:8px!important; }
.quadrilateral-diagonal-note { font-size:5.8px!important; fill:#526c7a!important; }
.shape-sorting-hoop { fill:none; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.shape-sorting-item>rect,.shape-sorting-item>polygon,.shape-sorting-item>circle { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:1.7; }
.shape-sorting-right-angle { fill:none; stroke:#7d43b5; stroke-width:1.4; }
.shape-sorting-criterion,.shape-sorting-item-label,.shape-sorting-outside-label { text-anchor:middle; font-weight:800; }
.shape-sorting-criterion { font-size:7.5px!important; }
.shape-sorting-item-label { font-size:5.6px!important; fill:#526c7a!important; }
.shape-sorting-outside-label { font-size:6px!important; fill:#526c7a!important; }
.shape-boundary-panel { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.shape-boundary-shape { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.shape-boundary-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }
.shape-boundary-vertex { fill:#fff; stroke:#7d43b5; stroke-width:1.5; }
.shape-boundary-vertex.start-vertex,.shape-boundary-start-dot { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.4; }
.shape-boundary-vertex-number,.shape-boundary-side-number,.shape-boundary-name,.shape-boundary-count,.shape-boundary-start-label { text-anchor:middle; font-weight:800; }
.shape-boundary-vertex-number { font-size:5px!important; }
.shape-boundary-side-number { font-size:6px!important; fill:#9b6a00!important; }
.shape-boundary-name { font-size:8px!important; }
.shape-boundary-count { font-size:6.3px!important; fill:#526c7a!important; }
.shape-boundary-start-label { font-size:5.5px!important; fill:#9b6a00!important; }
.shape-anatomy-solid,.shape-anatomy-outline { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.8; stroke-linejoin:round; }
.shape-anatomy-face,.shape-anatomy-flat-face { fill:#ffd84a; stroke:#c58a00; stroke-width:1.5; }
.shape-anatomy-edge,.shape-anatomy-curved-edge { fill:none; stroke:#b4232f; stroke-width:4; }
.shape-anatomy-vertex { fill:#7d43b5; stroke:#fff; stroke-width:1.4; }
.shape-anatomy-curved-surface { fill:#dff3fa; stroke:none; }
.shape-anatomy-title,.shape-anatomy-label { text-anchor:middle; font-weight:800; }
.shape-anatomy-title { font-size:8px!important; }
.shape-anatomy-label { font-size:6px!important; fill:#526c7a!important; }
.shape-anatomy-leader { stroke:#526c7a; stroke-width:1.2; }
.angle-tester-panel { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.angle-tester-square { fill:#f1e8f8; fill-opacity:.72; stroke:none; }
.angle-tester-ray { stroke:var(--ink,#102532); stroke-width:2; stroke-linecap:round; }
.angle-tester-ray.measured-ray { stroke:var(--blue-dark,#006b99); }
.angle-tester-corner { fill:none; stroke:#7d43b5; stroke-width:2; }
.angle-tester-arc { fill:none; stroke:#e8a51a; stroke-width:2.4; }
.angle-tester-title,.angle-tester-comparison { text-anchor:middle; font-weight:800; }
.angle-tester-title { font-size:9px!important; }
.angle-tester-comparison { font-size:6.2px!important; fill:#526c7a!important; }
.equal-side-angle-shape { fill:#fff; stroke:var(--blue-dark,#006b99); stroke-width:2; }
.equal-side-angle-tick { stroke:#b4232f; stroke-width:2.5; }
.equal-side-angle-arc { fill:none; stroke:#7d43b5; stroke-width:2.2; }
.equal-side-angle-label { text-anchor:middle; font-size:7px!important; font-weight:800; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.equal-side-angle-label.apex-angle { fill:#b4232f!important; }
.equal-side-angle-title,.equal-side-angle-note { text-anchor:middle; font-weight:800; }
.equal-side-angle-title { font-size:9px!important; }
.equal-side-angle-note { font-size:6.2px!important; fill:#526c7a!important; }
.net-family-card { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.net-family-faces rect,.net-family-faces polygon,.net-family-faces circle { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:1.2; }
.net-family-solid { fill:#eef8fb; stroke:var(--blue-dark,#006b99); stroke-width:1.5; stroke-linejoin:round; }
.net-family-square-pyramid-face { stroke:var(--blue-dark,#006b99); stroke-width:1.1; stroke-linejoin:round; }
.net-family-square-pyramid-face.left-face { fill:#dff3fa; }
.net-family-square-pyramid-face.front-face { fill:#fff0c9; }
.net-family-square-pyramid-face.right-face { fill:#eef8fb; }
.net-family-solid-edges { fill:none; }
.net-family-arrow { stroke:#526c7a; stroke-width:1.4; }
.net-family-title,.net-family-solid-label { text-anchor:middle; font-weight:800; }
.net-family-title { font-size:7px!important; }
.net-family-solid-label { font-size:7px!important; fill:#526c7a!important; }
.rotation-comparison-card { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.rotation-comparison-track { fill:none; stroke:#9bb0bc; stroke-width:1.2; stroke-dasharray:4 3; }
.rotation-comparison-shape { fill:#fff0c9; stroke:var(--blue-dark,#006b99); stroke-width:1.8; }
.rotation-comparison-centre { fill:#7d43b5; }
.rotation-comparison-match { fill:#e8a51a; stroke:#9b6a00; stroke-width:1; }
.rotation-comparison-name,.rotation-comparison-order,.rotation-comparison-turn { text-anchor:middle; font-weight:800; }
.rotation-comparison-name { font-size:7.2px!important; }
.rotation-comparison-order { font-size:8px!important; fill:#26743a!important; }
.rotation-comparison-turn { font-size:5.5px!important; fill:#526c7a!important; }

/* Early number, measurement, position, algebra and ratio progression families */
.strand-card rect { fill:#fff; stroke:#c7d7df; stroke-width:1.4; }
.strand-card-title,.strand-conclusion,.measurement-note { text-anchor:middle; font-weight:800; }
.strand-card-title { font-size:8px!important; fill:#526c7a!important; }
.strand-conclusion { font-size:8px!important; }
.measurement-note { font-size:6.5px!important; fill:#526c7a!important; }
.strand-dot { stroke:#8b5a00; stroke-width:1.2; }
.strand-dot.diagram-tone-red { fill:#e74c3c; stroke:#9e2d24; }
.strand-dot.diagram-tone-yellow { fill:#ffd84a; stroke:#9b6a00; }
.strand-dot.diagram-tone-blue { fill:#59b9d8; stroke:#006b99; }
.matching-line { stroke:#9bb0bc; stroke-width:1.4; stroke-dasharray:4 3; }
.counted-object path { fill:#eef8fb; stroke:#006b99; stroke-width:1.5; }
.count-label,.row-label,.part-label,.whole-label,.ordinal-number,.number-track-label,.counting-arrow-label { text-anchor:middle; font-weight:800; }
.count-label,.row-label,.part-label,.ordinal-number,.number-track-label { font-size:8px!important; }
.whole-label { font-size:13px!important; }
.whole-bracket,.part-link,.pattern-unit-bracket,.ratio-bracket { fill:none; stroke:#526c7a; stroke-width:1.8; }
.extra-marker { stroke:#b4232f; stroke-width:3; }
.early-frame-cell { fill:#fff; stroke:#102532; stroke-width:1.4; }
.early-frame-cell.filled-first { fill:#e74c3c; }
.early-frame-cell.filled-second { fill:#ffd84a; }
.ordinal-track,.counting-arrow { fill:none; stroke:#526c7a; stroke-width:2; }
.ordinal-item { fill:#e74c3c; stroke:#9e2d24; stroke-width:1.5; }
.ordinal-item.selected { fill:#ffd84a; stroke:#9b6a00; }
.number-track-cell { fill:#fff; stroke:#006b99; stroke-width:1.4; }
.counting-arrow.forwards { stroke:#006b99; }
.counting-arrow.backwards { stroke:#7d43b5; }

.comparison-strip { stroke:#006b99; stroke-width:1.3; }
.strip-1 { fill:#ffd84a; }.strip-2 { fill:#59b9d8; }.strip-3 { fill:#e74c3c; }
.measurement-label { text-anchor:end; font-size:7px!important; font-weight:800; }
.measurement-start-line { stroke:#102532; stroke-width:2; }
.ruler-body { fill:#ffd84a; stroke:#9b6a00; stroke-width:2.2; }
.ruler-bevel { fill:none; stroke:#fff3a6; stroke-width:2; opacity:.8; }
.ruler-hole { fill:#fff8dc; stroke:#9b6a00; stroke-width:1.4; }
.ruler-tick { stroke:#102532; stroke-width:.8; }.ruler-tick.half { stroke-width:1.1; }.ruler-tick.major { stroke-width:1.7; }
.shared-measurement-ruler .ruler-tick { vector-effect:non-scaling-stroke; }
.ruler-unit { text-anchor:middle; font-size:6px!important; font-weight:900; fill:#526c7a!important; }
.ruler-number,.balance-value,.balance-weight-label,.capacity-label,.thermometer-label,.temperature-value,.money-value,.calendar-day,.calendar-number,.side-value,.area-part-label,.conversion-label,.conversion-multiplier { text-anchor:middle; font-weight:800; }
.measured-object,.object-end { stroke:#b4232f; stroke-width:4; }
.balance-column { fill:#dff3fa; stroke:#006b99; stroke-width:2; stroke-linejoin:round; }
.balance-base { fill:#006b99; stroke:#004f73; stroke-width:1.5; }
.balance-pivot { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.8; }
.balance-pivot-pin,.balance-beam-end { fill:#fff; stroke:#102532; stroke-width:2; }
.balance-beam { fill:none; stroke:#102532; stroke-width:6; stroke-linecap:round; }
.balance-pointer { stroke:#b4232f; stroke-width:2.2; }
.balance-level-mark { fill:none; stroke:#9bb0bc; stroke-width:1.3; stroke-dasharray:3 2; }
.balance-chain { fill:none; stroke:#526c7a; stroke-width:1.6; }
.balance-pan { fill:#eef8fb; stroke:#006b99; stroke-width:2; }
.balance-parcel rect { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.5; }
.balance-parcel path { fill:none; stroke:#9b6a00; stroke-width:1.3; }
.balance-weight-shape { fill:#59b9d8; stroke:#006b99; stroke-width:1.3; }
.balance-weight-handle { fill:none; stroke:#006b99; stroke-width:2; }
.balance-weight-label { text-anchor:middle; font-size:5px!important; font-weight:900; }
.balance-note { text-anchor:middle; font-size:6.5px!important; font-weight:800; fill:#526c7a!important; }
.capacity-container { fill:#fff; stroke:#006b99; stroke-width:2; }
.capacity-tick { stroke:#526c7a; stroke-width:1.2; }
.capacity-liquid { fill:#59b9d8; fill-opacity:.75; stroke:none; }
.capacity-label { font-size:7px!important; }
.capacity-scale-label { text-anchor:start; font-size:5px!important; font-weight:800; fill:#526c7a!important; }
.thermometer-tube { fill:#fff; stroke:#526c7a; stroke-width:2; }
.thermometer-bulb,.thermometer-mercury { fill:#e74c3c; stroke:#9e2d24; stroke-width:1.2; }
.thermometer-mark { stroke:#102532; }.thermometer-mark.minor { stroke-width:.8; }.thermometer-mark.labelled { stroke-width:1.4; }
.thermometer-label { text-anchor:start; font-size:4.5px!important; }
.thermometer-unit { text-anchor:middle; font-size:6px!important; font-weight:900; fill:#526c7a!important; }
.temperature-arrow { stroke:#7d43b5; stroke-width:2; }
.uk-money-coin,.uk-money-note { isolation:isolate; }
.uk-money-image { image-rendering:auto; pointer-events:none; }
.uk-money-coin-image,.uk-money-note-image { overflow:visible; }
.calendar-frame,.calendar-cell { fill:#fff; stroke:#9bb0bc; stroke-width:1; }
.calendar-day { font-size:5.4px!important; }.calendar-number { font-size:5px!important; }
.calendar-cell.selected { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.5; }
.perimeter-shape { fill:#eef8fb; stroke:#006b99; stroke-width:2; }
.perimeter-dimension-group .dimension-line { stroke:#e8a51a; }
.perimeter-dimension-group .dimension-guide { stroke:#9b6a00; }
.rectangle-perimeter-formula-rule,.rectangle-perimeter-formula-calculation { text-anchor:middle; font-weight:800; }.rectangle-perimeter-formula-box { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }.rectangle-perimeter-formula-rule { font-size:8px!important; }.rectangle-perimeter-formula-calculation { font-size:9px!important; fill:#b4232f!important; }
.corner-cut-title,.corner-cut-segment-label,.corner-cut-overall-label,.corner-cut-transform-label,.corner-cut-boundary-sum,.corner-cut-formula-rule,.corner-cut-formula-calculation,.corner-cut-warning { text-anchor:middle; font-weight:800; }.corner-cut-title { font-size:7px!important; }.corner-cut-rectangle,.corner-cut-l-shape { fill:#eef8fb; stroke:#006b99; stroke-width:2; stroke-linejoin:round; }.corner-cut-replaced-segment,.corner-cut-replacement-segment { fill:none; stroke-width:3; }.corner-cut-replaced-segment.horizontal,.corner-cut-replacement-segment.horizontal { stroke:#7d43b5; }.corner-cut-replaced-segment.vertical,.corner-cut-replacement-segment.vertical { stroke:#e8a51a; }.corner-cut-missing-corner { fill:none; stroke:#9bb0bc; stroke-width:1.2; stroke-dasharray:4 3; }.corner-cut-segment-label { font-size:5.5px!important; }.corner-cut-overall-dimension { fill:none; stroke:#e8a51a; stroke-width:1.4; }.corner-cut-overall-label { font-size:5.5px!important; fill:#526c7a!important; }.corner-cut-transform-arrow { fill:none; stroke:#526c7a; stroke-width:1.8; }.corner-cut-transform-label { font-size:5.5px!important; fill:#526c7a!important; }.corner-cut-boundary-sum { font-size:5.5px!important; }.corner-cut-formula-box { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }.corner-cut-formula-rule { font-size:7px!important; }.corner-cut-formula-calculation { font-size:8px!important; fill:#b4232f!important; }.corner-cut-warning { font-size:5px!important; fill:#526c7a!important; }
.measurement-square { fill:#fff; stroke:#006b99; stroke-width:1.1; }
.measurement-square.highlighted { fill:#fff0c9; }
.rectangle-area-stage-title,.rectangle-area-stage-note,.rectangle-area-progression-label,.rectangle-area-dimension-label,.rectangle-area-value,.rectangle-area-formula-rule,.rectangle-area-formula-calculation { text-anchor:middle; font-weight:800; }.rectangle-area-stage-title { font-size:7px!important; }.rectangle-area-unit-square { fill:#dff3fa; stroke:#006b99; stroke-width:1; }.rectangle-area-stage-note,.rectangle-area-progression-label { font-size:5.5px!important; fill:#526c7a!important; }.rectangle-area-progression-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }.rectangle-area-plain-rectangle { fill:#eef8fb; stroke:#006b99; stroke-width:2; }.rectangle-area-dimension-guide { fill:none; stroke:#9b6a00; stroke-width:1; }.rectangle-area-dimension-line { fill:none; stroke:#e8a51a; stroke-width:1.6; }.rectangle-area-dimension-label { font-size:5.5px!important; fill:#526c7a!important; }.rectangle-area-value { font-size:10px!important; fill:#006b99!important; }.rectangle-area-formula-box { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }.rectangle-area-formula-rule { font-size:8px!important; }.rectangle-area-formula-calculation { font-size:9px!important; fill:#b4232f!important; }
.compound-area-part { stroke:none; }
.compound-area-part.part-a { fill:#fff0c9; }
.compound-area-part.part-b { fill:#dff3fa; }
.compound-area-outline { fill:none; stroke:#006b99; stroke-width:2.2; stroke-linejoin:round; }
.compound-split { stroke:#b4232f; stroke-width:2; stroke-dasharray:5 3; }
.compound-dimension-group .dimension-line { fill:none; stroke:#e8a51a; stroke-width:1.6; }
.compound-dimension-group .dimension-guide { stroke:#9b6a00; stroke-width:1; }
.compound-dimension-group .dimension-label { text-anchor:middle; font-size:7px!important; font-weight:800; }
.compound-area-name,.compound-area-dimensions,.compound-area-value { text-anchor:middle; font-weight:800; }
.compound-area-name { font-size:7px!important; }
.compound-area-dimensions { font-size:6px!important; fill:#526c7a!important; }
.compound-area-value { font-size:7px!important; fill:#b4232f!important; }
.unit-cube polygon { stroke:#006b99; stroke-width:1.3; stroke-linejoin:round; }
.unit-cube-top { fill:#eef8fb; }.unit-cube-left { fill:#dff3fa; }.unit-cube-right { fill:#bfe4f1; }
.unit-cuboid-cell { stroke:#006b99; stroke-width:1.3; stroke-linejoin:round; }
.unit-cuboid-front { fill:#dff3fa; }
.unit-cuboid-top { fill:#eef8fb; }
.unit-cuboid-side { fill:#bfe4f1; }
.unit-cuboid-outline { fill:none; stroke:#004f73; stroke-width:2.2; stroke-linejoin:round; }
.unit-cuboid-dimension { text-anchor:middle; font-size:7px!important; font-weight:900; fill:#526c7a!important; }
.conversion-line { stroke:#006b99; stroke-width:2; }.conversion-line.bottom { stroke:#7d43b5; }
.conversion-tick { stroke:#526c7a; stroke-width:1.3; }
.conversion-multiplier { fill:#b4232f!important; }
.iteration-heading,.iteration-result,.iteration-error-label { text-anchor:middle; font-weight:800; }
.iteration-heading { font-size:7px!important; fill:#526c7a!important; }.iteration-result { font-size:7px!important; }.iteration-error-label { font-size:6px!important; fill:#b4232f!important; }
.iteration-object,.iteration-object-end { fill:none; stroke:#102532; stroke-width:2.4; }
.iteration-unit { stroke:#006b99; stroke-width:1.2; }.correct-unit { fill:#dff3fa; }.error-unit { fill:#fff0c9; stroke:#9b6a00; }
.iteration-error-cross { fill:none; stroke:#b4232f; stroke-width:2.4; }
.conservation-card > rect:first-child { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.conservation-title,.conservation-note,.conservation-equivalence,.conservation-value,.conservation-object-value,.conservation-equals { text-anchor:middle; font-weight:800; }
.conservation-title { font-size:7px!important; }.conservation-note,.conservation-value { font-size:6px!important; fill:#526c7a!important; }.conservation-equivalence { font-size:5.5px!important; }
.conservation-length-bar { fill:#59b9d8; stroke:#006b99; stroke-width:1.4; }.conservation-guide { fill:none; stroke:#9bb0bc; stroke-width:1; stroke-dasharray:3 2; }
.conservation-container { fill:#fff; stroke:#006b99; stroke-width:1.5; }.conservation-liquid { fill:#59b9d8; fill-opacity:.75; }
.conservation-small-mass { fill:#b9c0c5; stroke:#68747b; stroke-width:1.5; }.conservation-large-mass { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.5; }
.conservation-object-value { font-size:6px!important; }.conservation-equals { font-size:12px!important; }
.unit-choice-header { fill:#006b99; }.unit-choice-cell { fill:#fff; stroke:#c7d7df; stroke-width:1; }.unit-choice-cell.unit-cell { fill:#fff0c9; }
.unit-choice-heading,.unit-choice-value { text-anchor:middle; font-weight:800; }.unit-choice-heading { font-size:7px!important; fill:#fff!important; }.unit-choice-value { font-size:6.5px!important; }.unit-choice-value.unit { font-size:8px!important; fill:#9b6a00!important; }
.reading-scale-panel > rect:first-child { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.reading-scale-title,.reading-scale-end,.reading-scale-value,.reading-scale-interval { text-anchor:middle; font-weight:800; }
.reading-scale-title { font-size:7px!important; }.reading-scale-end { font-size:5px!important; fill:#526c7a!important; }.reading-scale-value { font-size:7px!important; }.reading-scale-interval { font-size:5.5px!important; fill:#526c7a!important; }
.reading-scale-line,.reading-scale-tick { stroke:#102532; stroke-width:1.2; }.reading-scale-tick.major { stroke-width:1.8; }.reading-scale-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }
.money-change-card { stroke-width:1.4; }.money-change-card.cost { fill:#dff3fa; stroke:#006b99; }.money-change-card.paid { fill:#fff0c9; stroke:#9b6a00; }.money-change-card.change { fill:#e7f5e9; stroke:#357a46; }
.money-change-card-title,.money-change-card-value,.money-change-tick-label,.money-change-jump-label,.money-change-conclusion { text-anchor:middle; font-weight:800; }
.money-change-card-title { font-size:6px!important; fill:#526c7a!important; }.money-change-card-value { font-size:10px!important; }.money-change-line,.money-change-tick { stroke:#102532; stroke-width:1.5; }.money-change-tick-label { font-size:6px!important; }
.money-change-jump { fill:none; stroke:#e8a51a; stroke-width:2; }.money-change-jump.second { stroke:#7d43b5; }.money-change-jump-label { font-size:6px!important; }.money-change-conclusion { font-size:6px!important; fill:#526c7a!important; }
.time-equivalence-card rect { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }.time-equivalence-card.digital rect { fill:#dff3fa; }.time-equivalence-card.words rect { fill:#fff0c9; }.time-equivalence-card.twenty-four rect { fill:#e7f5e9; }
.time-equivalence-title,.time-equivalence-value { text-anchor:middle; font-weight:800; }.time-equivalence-title { font-size:6px!important; fill:#526c7a!important; }.time-equivalence-value { font-size:10px!important; }.time-equivalence-link { fill:none; stroke:#526c7a; stroke-width:1.6; }
.timetable-header { fill:#006b99; }.timetable-row { fill:#fff; stroke:#c7d7df; stroke-width:1; }.timetable-row.selected { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.5; }
.timetable-heading,.timetable-value,.timetable-time-label,.timetable-jump-label { text-anchor:middle; font-weight:800; }.timetable-heading { font-size:6px!important; fill:#fff!important; }.timetable-value { font-size:6px!important; }
.timetable-duration-line line { stroke:#102532; stroke-width:1.3; }.timetable-time-label { font-size:5.5px!important; }.timetable-jump-label { font-size:5px!important; fill:#526c7a!important; }
.calendar-duration-heading,.calendar-duration-weekday,.calendar-duration-date,.calendar-duration-month,.calendar-duration-count,.year-length-title,.year-length-value,.year-length-note { text-anchor:middle; font-weight:800; }
.calendar-duration-heading { font-size:6.5px!important; }.calendar-duration-day rect { fill:#fff; stroke:#c7d7df; stroke-width:1; }.calendar-duration-day.start rect,.calendar-duration-day.finish rect { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.5; }
.calendar-duration-weekday,.calendar-duration-month { font-size:5px!important; fill:#526c7a!important; }.calendar-duration-date { font-size:8px!important; }.calendar-duration-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }.calendar-duration-count { font-size:6px!important; }
.year-length-card { stroke-width:1.3; }.year-length-card.common { fill:#dff3fa; stroke:#006b99; }.year-length-card.leap { fill:#fff0c9; stroke:#9b6a00; }.year-length-title { font-size:6px!important; }.year-length-value { font-size:9px!important; }.year-length-note { font-size:5px!important; fill:#526c7a!important; }
.missing-perimeter-shape { fill:#eef8fb; stroke:#006b99; stroke-width:2.2; stroke-linejoin:round; }.derived-perimeter-dimensions .dimension-line { stroke:#e8a51a; stroke-width:2; }.derived-perimeter-dimensions .dimension-label { fill:#9b6a00!important; font-weight:900; }
.missing-perimeter-working,.missing-perimeter-result { text-anchor:middle; font-weight:800; }.missing-perimeter-working { font-size:6px!important; fill:#526c7a!important; }.missing-perimeter-result { font-size:8px!important; fill:#b4232f!important; }
.triangle-area-rectangle rect { fill:#fff; stroke:#006b99; stroke-width:2; }.triangle-area-highlight { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.5; }.triangle-area-diagonal { stroke:#9b6a00; stroke-width:1.5; stroke-dasharray:4 3; }.triangle-area-right-angle { fill:none; stroke:#b4232f; stroke-width:1.6; stroke-linejoin:miter; }
.triangle-area-dimension-label,.triangle-area-step,.triangle-area-value,.triangle-area-formula-rule,.triangle-area-formula-calculation { text-anchor:middle; font-weight:800; }.triangle-area-dimension-guide { fill:none; stroke:#9b6a00; stroke-width:1; }.triangle-area-dimension-line { fill:none; stroke:#e8a51a; stroke-width:1.6; }.triangle-area-dimension-label { font-size:6px!important; fill:#526c7a!important; }.triangle-area-steps rect,.triangle-area-formula-box { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }.triangle-area-step { font-size:6px!important; fill:#526c7a!important; }.triangle-area-value { font-size:8px!important; }.triangle-area-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }.triangle-area-formula-rule { font-size:8px!important; }.triangle-area-formula-calculation { font-size:9px!important; fill:#b4232f!important; }
.parallelogram-shape { fill:#dff3fa; stroke:#006b99; stroke-width:2; }.parallelogram-cut { fill:none; stroke:#b4232f; stroke-width:1.5; stroke-dasharray:4 3; }.parallelogram-cut-piece,.parallelogram-moved-piece { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.4; }.parallelogram-rectangle { fill:#eef8fb; stroke:#006b99; stroke-width:2; }
.area-rearrangement-title,.parallelogram-dimension-label,.parallelogram-rearranged-note,.parallelogram-formula-rule,.parallelogram-formula-calculation { text-anchor:middle; font-weight:800; }.area-rearrangement-title { font-size:7px!important; }.area-rearrangement-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }
.parallelogram-dimension-guide { fill:none; stroke:#9b6a00; stroke-width:1; }.parallelogram-dimension-line { fill:none; stroke:#e8a51a; stroke-width:1.6; }.parallelogram-dimension-label { font-size:6px!important; fill:#526c7a!important; }.parallelogram-right-angle { fill:none; stroke:#b4232f; stroke-width:1.6; stroke-linejoin:miter; }.parallelogram-rearranged-note { font-size:6px!important; fill:#526c7a!important; }
.parallelogram-formula-box { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }.parallelogram-formula-rule { font-size:8px!important; }.parallelogram-formula-calculation { font-size:9px!important; fill:#b4232f!important; }
.irregular-area-heading,.irregular-area-summary text { text-anchor:middle; font-weight:800; }.irregular-area-heading { font-size:6px!important; fill:#526c7a!important; }.irregular-grid-cell { fill:#fff; stroke:#c7d7df; stroke-width:1; }.irregular-area-whole { fill:#dff3fa; stroke:#006b99; stroke-width:.7; }.irregular-area-partial { fill:#fff0c9; stroke:#9b6a00; stroke-width:.7; }.irregular-area-outline { fill:none; stroke:#006b99; stroke-width:2; }.irregular-area-summary rect { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }.irregular-area-summary text { font-size:6px!important; }.irregular-area-summary .irregular-area-total { font-size:8px!important; fill:#b4232f!important; }
.volume-layer-square { fill:#dff3fa; stroke:#006b99; stroke-width:1.1; }.volume-layer-title,.volume-layer-calculation,.volume-layer-repeat,.volume-layer-formula { text-anchor:middle; font-weight:800; }.volume-layer-title { font-size:7px!important; }.volume-layer-calculation { font-size:6px!important; }.volume-layer-repeat { font-size:6px!important; fill:#526c7a!important; }.volume-layer-formula { font-size:8px!important; }
.volume-layer-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }.layered-cuboid-cell { stroke:#006b99; stroke-width:1; stroke-linejoin:round; }.layered-cuboid-cell.front { fill:#dff3fa; }.layered-cuboid-cell.top { fill:#eef8fb; }.layered-cuboid-cell.side { fill:#bfe4f1; }.layered-cuboid-outline { fill:none; stroke:#004f73; stroke-width:2; stroke-linejoin:round; }
.conversion-chart-heading,.conversion-unit-label,.conversion-factor,.imperial-equivalence-value { text-anchor:middle; font-weight:800; }.conversion-chart-heading { font-size:7px!important; fill:#526c7a!important; }.conversion-unit-card { fill:#dff3fa; stroke:#006b99; stroke-width:1.2; }.conversion-unit-label { font-size:8px!important; }.conversion-factor { font-size:5px!important; fill:#b4232f!important; }.conversion-chart-arrow { fill:none; stroke:#526c7a; stroke-width:1.5; }
.imperial-equivalence-card { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.2; }.imperial-equivalence-value { font-size:5.5px!important; }

.unit-size-heading,.unit-size-row-label,.unit-size-count,.unit-size-conclusion { text-anchor:middle; font-weight:800; }.unit-size-heading { font-size:7px!important; }.unit-size-common-guide { fill:none; stroke:#9bb0bc; stroke-width:1.2; stroke-dasharray:4 3; }.unit-size-piece { stroke-width:1.2; }.unit-size-piece.large { fill:#fff0c9; stroke:#9b6a00; }.unit-size-piece.small { fill:#dff3fa; stroke:#006b99; }.unit-size-row-label { font-size:6px!important; fill:#526c7a!important; }.unit-size-count { font-size:6px!important; }.unit-size-conclusion { font-size:8px!important; fill:#b4232f!important; }
.non-zero-ruler-heading,.non-zero-reading,.non-zero-ruler-formula text { text-anchor:middle; font-weight:800; }.non-zero-ruler-heading { font-size:7px!important; }.non-zero-measured-object,.non-zero-object-end { fill:none; stroke:#006b99; stroke-width:3; }.non-zero-reading { font-size:6px!important; }.non-zero-ruler-formula rect { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }.non-zero-ruler-formula text { font-size:8px!important; fill:#b4232f!important; }
.estimate-measure-heading,.measurement-benchmark-value,.measurement-benchmark-label,.estimate-step-title,.estimate-step-object,.estimate-measure-conclusion { text-anchor:middle; font-weight:800; }.estimate-measure-heading { font-size:6.5px!important; }.measurement-benchmark rect { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }.measurement-benchmark:nth-of-type(2n) rect { fill:#eef8fb; }.measurement-benchmark-value { font-size:9px!important; fill:#006b99!important; }.measurement-benchmark-label { font-size:5.5px!important; fill:#526c7a!important; }.estimate-step rect,.measure-step rect { stroke-width:1.4; }.estimate-step rect { fill:#fff0c9; stroke:#9b6a00; }.measure-step rect { fill:#dff3fa; stroke:#006b99; }.estimate-step-title { font-size:7px!important; }.estimate-step-object { font-size:6px!important; }.estimate-measure-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }.estimate-measure-conclusion { font-size:6px!important; fill:#526c7a!important; }
.curved-length-heading,.curved-length-arrow-label,.curved-length-result { text-anchor:middle; font-weight:800; }.curved-length-heading { font-size:7px!important; }.curved-object { fill:none; stroke:#9bb0bc; stroke-width:7; stroke-linecap:round; }.curved-string,.straightened-string { fill:none; stroke:#e8a51a; stroke-width:2.5; stroke-linecap:round; }.curved-string-end { fill:#b4232f; }.curved-length-arrow { fill:none; stroke:#526c7a; stroke-width:1.8; }.curved-length-arrow-label { font-size:6px!important; }.curved-length-result { font-size:8px!important; fill:#b4232f!important; }
.temperature-change-heading,.temperature-change-label,.temperature-change-jump-label,.temperature-change-overall-label,.temperature-change-calculation { text-anchor:middle; font-weight:800; }.temperature-change-heading { font-size:7px!important; }.temperature-change-line,.temperature-change-tick { stroke:#102532; stroke-width:1.3; }.temperature-change-tick.zero { stroke:#b4232f; stroke-width:2.2; }.temperature-change-label { font-size:5.5px!important; }.temperature-change-jump,.temperature-change-overall { fill:none; stroke:#e8a51a; stroke-width:2; }.temperature-change-jump.second { stroke:#7d43b5; }.temperature-change-overall { stroke:#006b99; stroke-width:2.3; }.temperature-change-jump-label { font-size:6px!important; }.temperature-change-overall-label { font-size:7px!important; fill:#006b99!important; }.temperature-change-calculation { font-size:8px!important; fill:#b4232f!important; }
.elapsed-time-heading,.elapsed-time-label,.elapsed-time-jump-label,.elapsed-time-overall-label,.elapsed-time-calculation { text-anchor:middle; font-weight:800; }.elapsed-time-heading { font-size:7px!important; }.elapsed-time-line,.elapsed-time-tick { stroke:#102532; stroke-width:1.4; }.elapsed-time-label { font-size:6px!important; }.elapsed-time-jump { fill:none; stroke:#e8a51a; stroke-width:2; }.elapsed-time-jump.second { stroke:#7d43b5; }.elapsed-time-overall-jump { fill:none; stroke:#006b99; stroke-width:2.3; }.elapsed-time-jump-label { font-size:6px!important; }.elapsed-time-overall-label { font-size:7px!important; fill:#006b99!important; }.elapsed-time-calculation { font-size:8px!important; fill:#b4232f!important; }
.mixed-unit-heading,.mixed-unit-header-label,.mixed-unit-value,.mixed-unit-operation,.mixed-unit-order text { text-anchor:middle; font-weight:800; }.mixed-unit-heading { font-size:6.5px!important; }.mixed-unit-header { fill:#006b99; }.mixed-unit-header-label { font-size:6px!important; fill:#fff!important; }.mixed-unit-cell { fill:#fff; stroke:#c7d7df; stroke-width:1; }.mixed-unit-cell.operation { fill:#eef8fb; }.mixed-unit-cell.converted { fill:#fff0c9; }.mixed-unit-value,.mixed-unit-operation { font-size:6.5px!important; }.mixed-unit-value.converted { fill:#9b6a00!important; }.mixed-unit-order rect { fill:#e7f5e9; stroke:#357a46; stroke-width:1.3; }.mixed-unit-order text { font-size:8px!important; }
.volume-capacity-title,.capacity-cube-dimension,.volume-capacity-equals,.capacity-droplet-label,.capacity-cube-result,.capacity-large-cube-label,.capacity-litre-label,.volume-capacity-formula-rule,.volume-capacity-formula-value { text-anchor:middle; font-weight:800; }.volume-capacity-title { font-size:7px!important; }.capacity-cube-front,.capacity-large-cube-front { fill:#dff3fa; stroke:#006b99; stroke-width:1.5; }.capacity-cube-top,.capacity-large-cube-top { fill:#eef8fb; stroke:#006b99; stroke-width:1.5; }.capacity-cube-side,.capacity-large-cube-side { fill:#bfe4f1; stroke:#006b99; stroke-width:1.5; }.capacity-cube-dimension,.capacity-large-cube-label { font-size:5.5px!important; fill:#526c7a!important; }.volume-capacity-equals { font-size:12px!important; }.capacity-droplet { fill:#59b9d8; stroke:#006b99; stroke-width:1.4; }.capacity-droplet-label { font-size:7px!important; }.capacity-cube-result { font-size:8px!important; fill:#b4232f!important; }.capacity-cube-grid { stroke:#006b99; stroke-width:.6; }.volume-capacity-arrow { fill:none; stroke:#e8a51a; stroke-width:2; }.capacity-litre-container { fill:#fff; stroke:#006b99; stroke-width:1.5; }.capacity-litre-liquid { fill:#59b9d8; fill-opacity:.75; }.capacity-litre-label { font-size:8px!important; }.volume-capacity-formula rect { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }.volume-capacity-formula-rule { font-size:7px!important; }.volume-capacity-formula-value { font-size:8px!important; fill:#b4232f!important; }

.position-box { fill:#fff; stroke:#006b99; stroke-width:2; }
.position-item { stroke-width:1.4; }.position-item.red { fill:#e74c3c; stroke:#9e2d24; }.position-item.yellow { fill:#ffd84a; stroke:#9b6a00; }.position-item.blue { fill:#59b9d8; stroke:#006b99; }.position-item.purple { fill:#b786d7; stroke:#7d43b5; }.position-item.green { fill:#79c98b; stroke:#357a46; }
.position-label,.turn-label,.compass-label,.route-start,.route-finish,.coordinate-number,.coordinate-point-label,.translation-component-label { text-anchor:middle; font-weight:800; }
.position-label,.turn-label { font-size:7px!important; }
.route-cell { fill:#fff; stroke:#c7d7df; stroke-width:1; }
.route-path,.orientation-arrow,.translation-component { fill:none; stroke:#e8a51a; stroke-width:3; }
.translation-component-arrowhead { fill:#e8a51a; stroke:#9b6a00; stroke-width:1; stroke-linejoin:round; }
.route-start,.route-finish { font-size:6px!important; fill:#526c7a!important; }
.compass-ring { fill:#fff; stroke:#006b99; stroke-width:2; }
.compass-points { fill:#dff3fa; stroke:#006b99; stroke-width:1.5; }
.compass-north { fill:#e74c3c; stroke:#9e2d24; stroke-width:1; }
.compass-label { font-size:9px!important; }
.coordinate-grid { stroke:#dce7ec; stroke-width:1; }
.coordinate-axis { stroke:#102532; stroke-width:1.8; }
.coordinate-number { font-size:5px!important; fill:#526c7a!important; }
.coordinate-point-cross-halo { fill:none; stroke:#fff; stroke-width:5; stroke-linecap:round; }
.coordinate-point-cross { fill:none; stroke:#102532; stroke-width:2.4; stroke-linecap:round; }
.coordinate-point-label,.translation-component-label { font-size:6px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.reflection-line { stroke:#7d43b5; stroke-width:2; stroke-dasharray:5 4; }
.relative-position-card > rect:first-child { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.relative-position-title,.relative-position-caption { text-anchor:middle; font-weight:800; }
.relative-position-title { font-size:7px!important; fill:#102532!important; }
.relative-position-caption { font-size:5.5px!important; fill:#526c7a!important; }
.relative-position-object { stroke-width:1.5; }
.relative-position-object.beside-object,.relative-position-object.far-object { fill:#59b9d8; stroke:#006b99; }
.relative-position-object.reference-object { fill:#e74c3c; stroke:#9e2d24; }
.relative-position-object.context-object,.relative-position-object.front-object { fill:#ffd84a; stroke:#9b6a00; }
.relative-position-object.behind-object { fill:#b786d7; stroke:#7d43b5; }
.relative-position-object.near-object { fill:#79c98b; stroke:#357a46; }
.instructed-route-segment,.instructed-route-turn { fill:none; stroke:#e8a51a; stroke-width:3; }
.route-instruction-card { fill:#fff8dc; stroke:#9b6a00; stroke-width:1.2; }
.route-instruction-heading,.route-instruction-text { text-anchor:middle; font-weight:800; }
.route-instruction-heading { font-size:7px!important; }
.route-instruction-text { font-size:6px!important; }
.turn-family-heading,.turn-family-direction,.turn-family-fraction,.turn-family-result { text-anchor:middle; font-weight:800; }
.turn-family-heading { font-size:7px!important; fill:#526c7a!important; }
.turn-family-direction { font-size:5.5px!important; fill:#526c7a!important; }
.turn-family-arrow { fill:none; stroke:#e8a51a; stroke-width:3; }
.turn-family-fraction { font-size:6.5px!important; }
.turn-family-result { font-size:5px!important; fill:#526c7a!important; }
.turn-family-divider { stroke:#dce7ec; stroke-width:1.2; }
.compass-eight-ring { fill:#fff; stroke:#006b99; stroke-width:2; }
.compass-eight-ray { stroke:#006b99; stroke-width:2; }
.compass-eight-ray.ordinal { stroke:#e8a51a; }
.compass-eight-centre { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.5; }
.compass-eight-label { text-anchor:middle; font-size:8px!important; font-weight:900; }
.compass-eight-label.ordinal { fill:#9b6a00!important; }
.coordinate-shape { stroke-width:2; stroke-linejoin:round; }
.coordinate-shape-blue .coordinate-shape { fill:rgba(89,185,216,.2); stroke:#006b99; }
.coordinate-shape-gold .coordinate-shape { fill:rgba(255,216,74,.28); stroke:#9b6a00; }
.coordinate-shape-label { text-anchor:middle; font-size:5.5px!important; font-weight:900; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.coordinate-point-yellow .coordinate-point-cross { stroke:#e8a51a; }
.reflection-distance-guides line { stroke:#7d43b5; stroke-width:1.3; stroke-dasharray:3 3; }
.ordinal-strip-heading,.ordinal-number,.ordinal-word,.ordinal-relation-label { text-anchor:middle; font-weight:800; }
.ordinal-strip-heading { font-size:7px!important; fill:#526c7a!important; }
.ordinal-number { font-size:7px!important; }.ordinal-word,.ordinal-relation-label { font-size:6px!important; }
.ordinal-object,.ordinal-relation-object { stroke-width:1.5; }
.ordinal-red .ordinal-object,.before-object { fill:#e74c3c; stroke:#9e2d24; }
.ordinal-yellow .ordinal-object,.between-object { fill:#ffd84a; stroke:#9b6a00; }
.ordinal-blue .ordinal-object,.after-object { fill:#59b9d8; stroke:#006b99; }
.ordinal-green .ordinal-object { fill:#79c98b; stroke:#357a46; }
.ordinal-purple .ordinal-object { fill:#b786d7; stroke:#7d43b5; }
.ordinal-divider { stroke:#dce7ec; stroke-width:1.2; }
.viewpoint-panel > rect:first-child { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.viewpoint-heading,.viewpoint-side-label,.viewpoint-note { text-anchor:middle; font-weight:800; }
.viewpoint-heading { font-size:8px!important; }.viewpoint-side-label { font-size:7px!important; }
.viewpoint-note { font-size:5.5px!important; fill:#526c7a!important; }
.viewpoint-object { stroke-width:1.5; }.left-screen-object { fill:#e74c3c; stroke:#9e2d24; }.right-screen-object { fill:#ffd84a; stroke:#9b6a00; }
.viewpoint-body { fill:#dff3fa; stroke:#006b99; stroke-width:1.5; }
.viewpoint-facing-arrow { fill:none; stroke:#102532; stroke-width:2.2; }
.pivot-rotation-heading,.pivot-rotation-label,.pivot-rotation-angle { text-anchor:middle; font-weight:800; }
.pivot-rotation-heading { font-size:7px!important; fill:#526c7a!important; }
.rotation-orbit { fill:none; stroke:#c7d7df; stroke-width:1.2; stroke-dasharray:3 3; }
.rotation-shape { fill:#dff3fa; stroke:#006b99; stroke-width:1.8; stroke-linejoin:round; }
.rotation-pivot { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.5; }
.pivot-rotation-label { font-size:7px!important; }.pivot-rotation-angle { font-size:5.5px!important; fill:#526c7a!important; }
.comparison-panel-background { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.comparison-panel-title,.comparison-grid-label,.comparison-location-label { text-anchor:middle; font-weight:800; }
.comparison-panel-title { font-size:7px!important; }.comparison-grid-label { font-size:5.5px!important; fill:#526c7a!important; }
.comparison-location-label { font-size:7px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.comparison-coordinate-grid { stroke:#dce7ec; stroke-width:1.1; }
.grid-reference-cell { fill:#fff; stroke:#526c7a; stroke-width:1; }
.grid-reference-cell.selected { fill:#fff0c9; stroke:#9b6a00; stroke-width:2; }
.offset-reflection-line-label { text-anchor:middle; font-size:6px!important; font-weight:900; fill:#7d43b5!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.map-grid-cell { fill:#fff; stroke:#c7d7df; stroke-width:1; }
.map-route,.map-key-route { fill:none; stroke:#e8a51a; stroke-width:3; }
.map-obstacle.pond ellipse,.map-key-pond { fill:#dff3fa; stroke:#006b99; stroke-width:1.5; }
.map-obstacle.pond path { fill:none; stroke:#006b99; stroke-width:1; }
.map-obstacle.trees path,.map-key-tree { fill:#79c98b; stroke:#357a46; stroke-width:1.2; }
.map-obstacle.trees rect { fill:#9b6a00; stroke:#6f4a00; stroke-width:1; }
.map-obstacle.wall rect,.map-key-wall { fill:#efb4b7; stroke:#9e2d24; stroke-width:1.5; }
.map-obstacle.wall path { fill:none; stroke:#9e2d24; stroke-width:1; }
.map-start-symbol { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.3; }
.map-finish-symbol,.map-key-finish { fill:#b786d7; stroke:#7d43b5; stroke-width:1.2; }
.map-location-label,.map-key-title,.map-key-label { text-anchor:middle; font-weight:800; }
.map-location-label { font-size:6px!important; }.map-key-title { font-size:7px!important; }
.map-key-label { font-size:5.5px!important; fill:#526c7a!important; }
.map-key-background { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.coordinate-picture-grid { stroke:#dce7ec; stroke-width:1; }
.coordinate-picture-axis { stroke:#102532; stroke-width:1.8; }
.coordinate-picture-axis-label { text-anchor:middle; font-size:5px!important; fill:#526c7a!important; }
.coordinate-picture-path { fill:#dff3fa; fill-opacity:.65; stroke:#006b99; stroke-width:2.2; stroke-linejoin:round; }
.coordinate-picture-name { text-anchor:middle; font-size:7px!important; font-weight:900; }
.coordinate-order-background { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.coordinate-order-heading,.coordinate-order-number,.coordinate-order-value { text-anchor:middle; font-weight:800; }
.coordinate-order-heading { font-size:7px!important; }
.coordinate-order-number { font-size:6px!important; fill:#9b6a00!important; }
.coordinate-order-value { font-size:7px!important; }

.pattern-tile.pattern-red,.growing-tile { fill:#e74c3c; stroke:#9e2d24; stroke-width:1.2; }
.pattern-tile.pattern-yellow { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.2; }
.pattern-label,.pattern-stage,.pattern-count,.algebra-expression,.algebra-working,.function-value,.function-rule,.function-column-heading,.formula-side,.formula-rule,.pair-value { text-anchor:middle; font-weight:800; }
.pattern-label,.pattern-stage,.pattern-count { font-size:7px!important; }
.growing-tile { fill:#59b9d8; stroke:#006b99; }
.algebra-expression { font-size:12px!important; }.algebra-expression.large { font-size:15px!important; }
.algebra-working { font-size:9px!important; }
.algebra-balance-support { fill:none; stroke:#006b99; stroke-width:3; stroke-linecap:round; }
.algebra-balance-pivot { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.8; }
.algebra-balance-beam { fill:none; stroke:#102532; stroke-width:5; stroke-linecap:round; }
.algebra-balance-pin,.algebra-balance-hanger { fill:#fff; stroke:#102532; }
.algebra-balance-pin { stroke-width:2; }.algebra-balance-hanger { stroke-width:1.8; }
.algebra-balance-string { stroke:#526c7a; stroke-width:1.6; }
.algebra-balance-pan { fill:#dff3fa; stroke:#006b99; stroke-width:2; }
.algebra-balance-expression { text-anchor:middle; font-size:11px!important; font-weight:900; }
.function-input,.function-output { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.5; }
.function-intermediate { fill:#fff; stroke:#526c7a; stroke-width:1.5; }
.function-machine { fill:#dff3fa; stroke:#006b99; stroke-width:1.5; }
.function-machine-step-two { fill:#fff0c9; stroke:#9b6a00; }
.function-arrow { fill:none; stroke:#526c7a; stroke-width:1.8; }
.function-rule { font-size:7px!important; }
.function-column-heading { font-size:5.5px!important; fill:#526c7a!important; }
.formula-rectangle { fill:#eef8fb; stroke:#006b99; stroke-width:2; }
.formula-side,.formula-rule { font-size:8px!important; }
.algebra-table rect,.algebra-table line { fill:#fff; stroke:#006b99; stroke-width:1.2; }
.algebra-table text { text-anchor:middle; font-size:7px!important; font-weight:800; }
.sequence-table-row { stroke:none; }
.sequence-table-row.term-number-row { fill:#dff3fa; }
.sequence-table-row.term-value-row { fill:#fff0c9; }
.sequence-table-outline,.sequence-table-grid { fill:none; stroke:#006b99; stroke-width:1.3; }
.sequence-table-label,.sequence-table-value { text-anchor:middle; font-weight:800; }
.sequence-table-label { font-size:7px!important; }
.sequence-table-value { font-size:8px!important; }
.pair-card { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.3; }

.ratio-title,.ratio-label,.ratio-unit-value,.recipe-value,.recipe-scale,.scale-side,.scale-rule,.scale-result,.ratio-number-label,.ratio-scale-note { text-anchor:middle; font-weight:800; }
.ratio-title { font-size:10px!important; }.ratio-label { font-size:7px!important; }
.ratio-unit { stroke:#102532; stroke-width:1.2; }.ratio-unit.ratio-red { fill:#e74c3c; }.ratio-unit.ratio-yellow { fill:#ffd84a; }
.ratio-unit-value { font-size:7px!important; }
.red-bracket { stroke:#b4232f; }.yellow-bracket { stroke:#9b6a00; }
.recipe-value { font-size:8px!important; }.recipe-arrow,.scale-arrow { stroke:#526c7a; stroke-width:2; }
.recipe-scale { font-size:7px!important; fill:#b4232f!important; }
.scale-plan { fill:#eef8fb; stroke:#006b99; stroke-width:2; }
.scale-side,.scale-rule,.scale-result { font-size:8px!important; }
.ratio-number-line { stroke:#006b99; stroke-width:2; }.ratio-number-tick { stroke:#526c7a; stroke-width:1.3; }
.ratio-number-label { font-size:6.5px!important; }.ratio-scale-note { font-size:7px!important; fill:#b4232f!important; }

/* Measurement progression extensions */
.capacity-language-heading,.capacity-language-label { text-anchor:middle; font-weight:800; }
.capacity-language-heading { font-size:7px!important; fill:#526c7a!important; }
.capacity-language-vessel-background { fill:#fff; stroke:none; }
.capacity-language-vessel { fill:none; stroke:#006b99; stroke-width:1.7; }
.capacity-language-liquid { fill:#59b9d8; fill-opacity:.82; stroke:#006b99; stroke-width:.6; }
.capacity-language-half-mark { stroke:#526c7a; stroke-width:.8; stroke-dasharray:3 2; }
.capacity-language-label { font-size:5.8px!important; }

/* Measurement progression: remaining Reception-to-KS2 representations */
.measurement-model-heading,.measurement-model-result,.vertical-height-number,.vertical-height-reading,.capacity-unit-cup text,.capacity-unit-total,.mass-unit-label,.money-exchange-model text,.stopwatch-duration-model text,.roman-clock-model text,.day-timeline-model text,.unknown-time-model text,.mixed-measure-subtraction-model text,.time-zone-model text { text-anchor:middle; }
.measurement-model-heading { font-size:7px!important; fill:#526c7a!important; font-weight:800; }
.measurement-model-result { font-size:8px!important; font-weight:900; }
.vertical-height-scale,.vertical-height-tick,.vertical-height-baseline { stroke:#526c7a; stroke-width:1.4; }
.vertical-height-tick.major { stroke:#102532; stroke-width:2; }
.vertical-height-number { font-size:5.5px!important; }
.vertical-height-unit { font-size:6px!important; font-weight:800; }
.vertical-height-child circle { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.5; }
.vertical-height-child path { fill:none; stroke:#006b99; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; }
.vertical-height-guide { stroke:#b4232f; stroke-width:1.2; stroke-dasharray:4 3; }
.vertical-height-arrow { stroke:#b4232f; stroke-width:1.8; fill:none; }
.vertical-height-reading { font-size:7px!important; font-weight:900; fill:#b4232f!important; }

.capacity-unit-cup-background { fill:#fff; stroke:none; }
.capacity-unit-cup-outline,.capacity-unit-vessel { fill:none; stroke:#006b99; stroke-width:1.8; }
.capacity-unit-liquid,.capacity-unit-vessel-liquid { fill:#59b9d8; fill-opacity:.82; stroke:none; }
.capacity-unit-vessel-background { fill:#fff; stroke:none; }
.capacity-unit-cup text { font-size:6px!important; font-weight:800; }
.capacity-unit-arrow { fill:none; stroke:#526c7a; stroke-width:1.8; }
.capacity-unit-mark { stroke:#fff; stroke-width:1.2; }
.capacity-unit-total { font-size:7px!important; font-weight:900; }

.mass-unit-object circle { fill:#d97c8c; stroke:#8f2638; stroke-width:1.4; }
.mass-unit-object text { text-anchor:middle; font-size:5px!important; font-weight:800; }
.mass-unit-cube { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.2; }
.mass-unit-label { font-size:6.5px!important; font-weight:800; }
.nonstandard-mass-model .mass-comparison-pan { fill:#eef8fb; }

.indirect-comparison-card { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }
.indirect-comparison-title,.indirect-comparison-note,.indirect-object-label,.indirect-carry-label { text-anchor:middle; font-weight:800; }
.indirect-comparison-title { font-size:7px!important; }
.indirect-comparison-note,.indirect-carry-label { font-size:5.5px!important; fill:#526c7a!important; }
.indirect-object-label { font-size:6px!important; }
.indirect-object,.indirect-object-end { stroke:#b4232f; stroke-width:3; }
.indirect-comparison-panel.second .indirect-object,.indirect-comparison-panel.second .indirect-object-end { stroke:#006b99; }
.intermediary-strip { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.3; }
.intermediary-strip-end { stroke:#9b6a00; stroke-width:1.3; }
.indirect-carry-arrow { fill:none; stroke:#526c7a; stroke-width:1.8; }
.indirect-extra-length { stroke:#b4232f; stroke-width:2; }

.pouring-vessel { fill:none; stroke:#006b99; stroke-width:1.8; }
.pouring-liquid { fill:#59b9d8; fill-opacity:.82; stroke:none; }
.capacity-pouring-stage,.pouring-vessel-label,.capacity-pour-label { text-anchor:middle; font-weight:800; }
.capacity-pouring-stage { font-size:7px!important; fill:#526c7a!important; }
.pouring-vessel-label { font-size:6px!important; }
.capacity-pour-arrow { fill:none; stroke:#526c7a; stroke-width:2; }
.capacity-pour-label { font-size:6px!important; fill:#526c7a!important; }
.pouring-liquid.remainder { fill:#59b9d8; stroke:none; }
.pouring-liquid-surface { stroke:#006b99; stroke-width:1; }

.constructed-length,.constructed-length-end { fill:none; stroke:#b4232f; stroke-width:3; }
.constructed-length-start,.constructed-length-value { text-anchor:middle; font-size:6px!important; font-weight:800; }
.construct-pencil polygon { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.2; }
.construct-pencil .pencil-tip { fill:#d9b18c; stroke:#76523a; }

.fractional-scale-panel>rect { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }
.fractional-scale-title,.fractional-scale-whole,.fractional-scale-unit,.fractional-scale-decimal { text-anchor:middle; font-weight:800; }
.fractional-scale-title { font-size:7px!important; fill:#526c7a!important; }
.fractional-scale-axis,.fractional-scale-tick { stroke:#102532; stroke-width:1.3; }
.fractional-scale-tick.major { stroke-width:2; }
.fractional-scale-whole,.fractional-scale-unit { font-size:5.5px!important; }
.fractional-scale-arrow { fill:none; stroke:#7d43b5; stroke-width:1.8; }
.fractional-scale-value { fill:#7d43b5!important; font-weight:900; }
.fractional-scale-value .math-affix { font-size:11px!important; font-weight:900; }
.fractional-scale-decimal { font-size:7px!important; }

.hand-movement-face { fill:#fff; stroke:#006b99; stroke-width:2; }
.hand-movement-tick { stroke:#526c7a; stroke-width:.8; }
.hand-movement-tick.major { stroke:#102532; stroke-width:1.5; }
.hand-movement-number,.hand-movement-time,.clock-movement-arrow-label,.clock-movement-hour-note { text-anchor:middle; font-weight:800; }
.hand-movement-number { font-size:5px!important; }
.hand-movement-time { font-size:8px!important; }
.hand-movement-hour,.hand-movement-minute { stroke:#102532; stroke-width:3; stroke-linecap:round; }
.hand-movement-minute { stroke:#b4232f; stroke-width:2.2; }
.hand-movement-hour.ghost { stroke:#9bb0bc; stroke-dasharray:4 3; }
.hand-movement-pin { fill:#b4232f; }
.clock-movement-arrow { fill:none; stroke:#7d43b5; stroke-width:2; }
.clock-movement-arrow-label { font-size:5.5px!important; fill:#7d43b5!important; }
.clock-movement-hour-note { font-size:5.5px!important; fill:#526c7a!important; }

.systematic-money-header { fill:#dff3fa; stroke:#006b99; stroke-width:1.2; }
.systematic-money-cell { fill:#fff; stroke:#9bb0bc; stroke-width:1; }
.systematic-money-heading,.systematic-money-way,.systematic-money-total { text-anchor:middle; font-weight:800; }
.systematic-money-heading { font-size:6px!important; }
.systematic-money-way,.systematic-money-total { font-size:6.5px!important; }

.irregular-perimeter-shape { fill:#eef8fb; stroke:#006b99; stroke-width:2.2; stroke-linejoin:round; }
.irregular-perimeter-side,.irregular-perimeter-result { text-anchor:middle; font-weight:800; }
.irregular-perimeter-side { font-size:6.5px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.irregular-perimeter-result-box { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }
.irregular-perimeter-result { font-size:7.5px!important; fill:#b4232f!important; }

.same-perimeter-card { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }
.same-perimeter-cell { fill:#dff3fa; stroke:#9bb0bc; stroke-width:.7; }
.same-perimeter-outline { fill:none; stroke:#006b99; stroke-width:2.2; }
.same-perimeter-dimensions,.same-perimeter-value,.same-area-value { text-anchor:middle; font-weight:800; }
.same-perimeter-dimensions { font-size:8px!important; }
.same-perimeter-value { font-size:6px!important; fill:#526c7a!important; }
.same-area-value { font-size:7px!important; fill:#b4232f!important; }

.duration-unit-header { fill:#dff3fa; stroke:#006b99; stroke-width:1.2; }
.duration-unit-cell { fill:#fff; stroke:#9bb0bc; stroke-width:1; }
.duration-unit-cell.unit { fill:#fff0c9; }
.duration-unit-heading,.duration-unit-event,.duration-unit-estimate,.duration-unit-name { text-anchor:middle; font-weight:800; }
.duration-unit-heading { font-size:6px!important; }
.duration-unit-event,.duration-unit-estimate,.duration-unit-name { font-size:5.8px!important; }
.duration-unit-name { fill:#7d43b5!important; }

.money-exchange-equals { font-size:12px!important; font-weight:900; }
.money-exchange-sum { font-size:6.5px!important; font-weight:800; }
.money-exchange-divider { stroke:#9bb0bc; stroke-width:1; }

.stopwatch-button { fill:#dff3fa; stroke:#006b99; stroke-width:1.4; }
.stopwatch-crown,.stopwatch-tick,.stopwatch-hand { fill:none; stroke:#526c7a; stroke-width:1.2; }
.stopwatch-face { fill:#fff; stroke:#006b99; stroke-width:2; }
.stopwatch-tick.major { stroke:#102532; stroke-width:2; }
.stopwatch-hand { stroke:#b4232f; stroke-width:2.3; }
.stopwatch-pin { fill:#b4232f; }
.stopwatch-number { font-size:5px!important; font-weight:800; }
.stopwatch-reading { font-size:7px!important; font-weight:900; }
.duration-comparison text { font-size:7px!important; font-weight:800; }
.duration-bar { stroke:#006b99; stroke-width:1.2; }
.duration-bar.first { fill:#ffd84a; }
.duration-bar.second { fill:#f36f5d; }
.duration-difference-arrow { fill:none; stroke:#526c7a; stroke-width:1.5; }
.duration-difference-label { font-size:6px!important; }
.duration-result { font-size:8px!important; }

.roman-clock-face { fill:#fff; stroke:#006b99; stroke-width:2; }
.roman-clock-tick { stroke:#526c7a; stroke-width:1; }
.roman-clock-tick.major { stroke:#102532; stroke-width:1.8; }
.roman-clock-numeral { font-size:7px!important; font-weight:900; }
.roman-clock-hour-hand,.roman-clock-minute-hand { stroke:#102532; stroke-linecap:round; }
.roman-clock-hour-hand { stroke-width:5; }
.roman-clock-minute-hand { stroke-width:3; }
.roman-clock-pin { fill:#b4232f; }
.roman-time-key text { font-size:8px!important; font-weight:800; }
.roman-time-key rect { fill:#dff3fa; stroke:#006b99; stroke-width:1.3; }
.roman-digital-time { font-size:11px!important; font-weight:900; }

.day-period { stroke:none; }
.day-period.am { fill:#dff3fa; }
.day-period.pm { fill:#ffe8a3; }
.day-period-label { font-size:10px!important; font-weight:900; }
.day-timeline-line,.day-time-point line { stroke:#102532; stroke-width:1.8; }
.day-time-hour { font-size:6px!important; font-weight:900; }
.day-time-label { font-size:5.5px!important; }
.day-timeline-equivalence { font-size:7px!important; font-weight:800; }

.unknown-time-title { text-anchor:start!important; font-size:7px!important; font-weight:900; }
.unknown-time-line,.unknown-time-tick { stroke:#526c7a; stroke-width:1.5; }
.unknown-time-jump { fill:none; stroke:#006b99; stroke-width:1.8; }
.unknown-time-jump.second { stroke:#b4232f; }
.unknown-time-jump-label { font-size:6px!important; font-weight:900; paint-order:stroke; stroke:#fff; stroke-width:3px; stroke-linejoin:round; }
.unknown-time-value { font-size:6.5px!important; font-weight:800; }

.mixed-subtraction-stage rect { fill:#eef8fb; stroke:#006b99; stroke-width:1.3; }
.mixed-subtraction-stage.exchange rect { fill:#fff3bf; stroke:#9b6a00; }
.mixed-subtraction-stage.result rect { fill:#e5f3dd; stroke:#28723f; }
.mixed-subtraction-label { font-size:5px!important; fill:#526c7a!important; }
.mixed-subtraction-value { font-size:7px!important; font-weight:900; }
.mixed-subtraction-arrow { fill:none; stroke:#526c7a; stroke-width:1.6; }
.mixed-subtraction-arrow-label { font-size:5px!important; font-weight:800; }
.mixed-subtraction-grid-header { fill:#006b99; stroke:#004f73; stroke-width:1; }
.mixed-subtraction-grid-header + text,.mixed-subtraction-grid-header + text + text { fill:#fff!important; font-size:6.5px!important; font-weight:900; }
.mixed-subtraction-grid-cell { fill:#fff; stroke:#526c7a; stroke-width:1; }
.mixed-subtraction-grid-cell.result { fill:#e5f3dd; stroke:#28723f; stroke-width:1.5; }
.mixed-subtraction-working text { font-size:7px!important; font-weight:800; }

.time-zone-line,.time-zone-point line { stroke:#526c7a; stroke-width:1.5; }
.time-zone-point rect { fill:#eef8fb; stroke:#006b99; stroke-width:1.3; }
.time-zone-city { font-size:6px!important; font-weight:800; }
.time-zone-time { font-size:9px!important; font-weight:900; }
.time-zone-offset { font-size:6px!important; }
.time-zone-jump { fill:none; stroke:#006b99; stroke-width:1.8; }
.time-zone-jump.east { stroke:#b4232f; }
.time-zone-jump-label { font-size:6px!important; font-weight:900; paint-order:stroke; stroke:#fff; stroke-width:3px; }

.mass-comparison-panel > rect { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.mass-comparison-heading,.mass-comparison-mass,.mass-comparison-equation { text-anchor:middle; font-weight:800; }
.mass-comparison-heading { font-size:6.5px!important; fill:#526c7a!important; }
.mass-comparison-beam { stroke:#006b99; stroke-width:3; stroke-linecap:round; }
.mass-comparison-pivot { fill:#e8a51a; stroke:#9b6a00; stroke-width:1.2; }
.mass-comparison-stand,.mass-comparison-hanger,.mass-comparison-string,.mass-comparison-pan { fill:none; stroke:#526c7a; stroke-width:1.5; }
.mass-comparison-pan { fill:#eef8fb; stroke:#006b99; }
.mass-comparison-mass { font-size:6px!important; paint-order:stroke; stroke:#fff; stroke-width:3px; stroke-linejoin:round; }
.mass-comparison-equation { font-size:7px!important; fill:#b4232f!important; }

.dial-scale-heading,.dial-scale-number,.dial-scale-unit,.dial-scale-reading,.dial-scale-interval-note { text-anchor:middle; font-weight:800; }
.dial-scale-heading { font-size:7px!important; fill:#526c7a!important; }
.dial-scale-face { fill:#fff; stroke:#006b99; stroke-width:2; }
.dial-scale-tick { stroke:#526c7a; stroke-width:.8; }
.dial-scale-tick.midpoint { stroke-width:1.2; }
.dial-scale-tick.major { stroke:#102532; stroke-width:1.8; }
.dial-scale-number { font-size:7px!important; }
.dial-scale-pointer { stroke:#b4232f; stroke-width:2.6; }
.dial-scale-pin { fill:#b4232f; stroke:#8d1824; stroke-width:1.2; }
.dial-scale-unit { font-size:7px!important; fill:#526c7a!important; }
.dial-scale-reading { font-size:10px!important; fill:#b4232f!important; }
.dial-scale-interval-note { font-size:7px!important; }

.five-minute-clock-heading,.five-minute-clock-hour,.five-minute-clock-minute,.five-minute-time-equivalences text { text-anchor:middle; font-weight:800; }
.five-minute-clock-heading { font-size:7px!important; fill:#526c7a!important; }
.five-minute-clock-face { fill:#fff; stroke:#006b99; stroke-width:2; }
.five-minute-clock-tick { stroke:#526c7a; stroke-width:.7; }
.five-minute-clock-tick.major { stroke:#102532; stroke-width:1.5; }
.five-minute-clock-hour { font-size:7px!important; }
.five-minute-clock-minute { font-size:4.8px!important; fill:#7d43b5!important; }
.five-minute-clock-hour-hand,.five-minute-clock-minute-hand { stroke:#102532; stroke-linecap:round; }
.five-minute-clock-hour-hand { stroke-width:4; }
.five-minute-clock-minute-hand { stroke:#b4232f; stroke-width:2.4; }
.five-minute-clock-pin { fill:#102532; }
.five-minute-time-equivalences rect { fill:#fff; stroke:#c7d7df; stroke-width:1.3; }
.five-minute-time-equivalences rect:first-child { fill:#dff3fa; stroke:#006b99; }
.five-minute-time-equivalences text { font-size:7px!important; }
.five-minute-time-equivalences .five-minute-time-main { font-size:11px!important; fill:#006b99!important; }
.five-minute-equivalence-link { fill:none; stroke:#e8a51a; stroke-width:1.8; }

.time-conversion-heading,.time-conversion-value,.time-conversion-unit,.time-conversion-factor,.time-conversion-direction,.time-conversion-warning { text-anchor:middle; font-weight:800; }
.time-conversion-heading { font-size:7px!important; }
.time-conversion-card rect { fill:#dff3fa; stroke:#006b99; stroke-width:1.3; }
.time-conversion-value { font-size:8px!important; }
.time-conversion-unit { font-size:5.8px!important; fill:#526c7a!important; }
.time-conversion-arrow { fill:none; stroke:#7d43b5; stroke-width:1.6; }
.time-conversion-arrow.larger { stroke:#e8a51a; }
.time-conversion-factor { font-size:5.5px!important; }
.time-conversion-factor.multiply { fill:#7d43b5!important; }
.time-conversion-factor.divide { fill:#9b6a00!important; }
.time-conversion-direction { font-size:6px!important; }
.time-conversion-direction.smaller { fill:#7d43b5!important; }
.time-conversion-direction.larger { fill:#9b6a00!important; }
.time-conversion-warning { font-size:7px!important; fill:#b4232f!important; }

.mixed-measure-heading,.mixed-measure-step,.mixed-measure-bar-label,.mixed-measure-total-label,.mixed-measure-exchange-label,.mixed-measure-metre-label,.mixed-measure-group-label,.mixed-measure-result text { text-anchor:middle; font-weight:800; }
.mixed-measure-heading { font-size:8px!important; }
.mixed-measure-step { text-anchor:start; font-size:6.5px!important; fill:#526c7a!important; }
.mixed-measure-centimetre-bar { stroke:#006b99; stroke-width:1.4; }
.mixed-measure-centimetre-bar.first { fill:#dff3fa; }
.mixed-measure-centimetre-bar.second { fill:#fff0c9; }
.mixed-measure-centimetre-bar.hundred { fill:#e7f5e9; stroke:#357a46; }
.mixed-measure-centimetre-bar.remainder { fill:#fff0c9; stroke:#9b6a00; }
.mixed-measure-bar-label { font-size:7px!important; }
.mixed-measure-total-bracket,.mixed-measure-exchange-bracket { fill:none; stroke:#102532; stroke-width:1.3; }
.mixed-measure-total-label { font-size:7px!important; }
.mixed-measure-exchange-label { font-size:7px!important; fill:#357a46!important; }
.mixed-measure-exchange-arrow { fill:none; stroke:#7d43b5; stroke-width:2; }
.mixed-measure-metre { stroke:#006b99; stroke-width:1.3; }
.mixed-measure-metre.first { fill:#dff3fa; }
.mixed-measure-metre.second { fill:#fff0c9; stroke:#9b6a00; }
.mixed-measure-metre.exchanged { fill:#eadcf7; stroke:#7d43b5; }
.mixed-measure-metre-label { font-size:6.5px!important; }
.mixed-measure-remainder-piece { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.3; }
.mixed-measure-group-label { font-size:5.3px!important; fill:#526c7a!important; }
.mixed-measure-group-label.exchanged { fill:#7d43b5!important; }
.mixed-measure-group-label.remainder { fill:#9b6a00!important; }
.mixed-measure-result rect { fill:#e7f5e9; stroke:#357a46; stroke-width:1.4; }
.mixed-measure-result text { font-size:8px!important; fill:#1f6534!important; }

.regular-perimeter-heading,.regular-perimeter-side-label,.regular-perimeter-total-label,.regular-perimeter-calculation { text-anchor:middle; font-weight:800; }
.regular-perimeter-heading { font-size:7px!important; }
.regular-perimeter-polygon polygon { fill:#dff3fa; stroke:#006b99; stroke-width:2; }
.regular-perimeter-polygon.inverse polygon { fill:#fff0c9; stroke:#9b6a00; }
.regular-perimeter-equal-mark { stroke:#b4232f; stroke-width:1.7; }
.regular-perimeter-side-label,.regular-perimeter-total-label { font-size:6.5px!important; }
.regular-perimeter-result-box { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.regular-perimeter-calculation { font-size:8px!important; fill:#b4232f!important; }

.money-budget-table-heading,.money-budget-table-value,.money-budget-whole-value,.money-budget-bar-label,.money-budget-step,.money-budget-conclusion { text-anchor:middle; font-weight:800; }
.money-budget-table-header { fill:#006b99; }
.money-budget-table-heading { font-size:6.5px!important; fill:#fff!important; }
.money-budget-table-cell { fill:#fff; stroke:#c7d7df; stroke-width:1; }
.money-budget-table-cell.total { fill:#fff0c9; stroke:#9b6a00; stroke-width:1.2; }
.money-budget-table-value { font-size:6.5px!important; }
.money-budget-whole-bracket { fill:none; stroke:#102532; stroke-width:1.5; }
.money-budget-whole-value { font-size:8px!important; }
.money-budget-spent,.money-budget-change { stroke:#006b99; stroke-width:1.5; }
.money-budget-spent { fill:#dff3fa; }
.money-budget-change { fill:#e7f5e9; }
.money-budget-bar-label { font-size:5.8px!important; }
.money-budget-step { font-size:7px!important; }
.money-budget-step.change { fill:#b4232f!important; }
.money-budget-conclusion { font-size:7px!important; fill:#526c7a!important; }

/* Reception-to-Year-6 coverage models */
.conservation-equals,.consecutive-number,.teen-total { text-anchor:middle; font-weight:900; fill:#102532; }
.conservation-equals { font-size:18px!important; }
.consecutive-frame text,.teen-heading,.teen-plus,.pair-caption { text-anchor:middle; font-weight:800; }
.consecutive-frame text { font-size:6px!important; fill:#526c7a!important; }
.consecutive-frame-cell,.teen-frame-cell { fill:#fff; stroke:#006b99; stroke-width:1.1; }
.consecutive-frame-cell.filled.tone-red,.teen-frame-cell.tone-red { fill:#d8333f; }
.consecutive-frame-cell.filled.tone-yellow,.teen-frame-cell.tone-yellow { fill:#ffd84a; }
.consecutive-number { font-size:13px!important; }
.consecutive-step-arrow { fill:none; stroke:#526c7a; stroke-width:1.6; }
.pair-counter { fill:#ffd84a; stroke:#9b6a00; stroke-width:1.1; }
.pair-counter.unpaired { fill:#d8333f; stroke:#8a1823; }
.pair-outline { fill:none; stroke:#7d43b5; stroke-width:1.1; }
.pair-grouping { fill:none; stroke:#006b99; stroke-width:1.3; }
.pair-caption { font-size:6px!important; fill:#526c7a!important; }
.teen-extra-one { stroke:#9b6a00; stroke-width:1.2; }
.teen-extra-one.yellow { fill:#ffd84a; }
.teen-heading { font-size:7px!important; }
.teen-plus { font-size:14px!important; }
.teen-total { font-size:15px!important; fill:#006b99!important; }

.place-representation-title,.place-representation-header-label,.place-representation-digit,.place-representation-number,.place-representation-words,.place-representation-expanded,.place-representation-note { text-anchor:middle; font-weight:800; }
.place-representation-title { font-size:7px!important; fill:#526c7a!important; }
.place-representation-header { fill:#006b99; stroke:#fff; stroke-width:1; }
.place-representation-header-label { font-size:6px!important; fill:#fff!important; }
.place-representation-cell { fill:#fff; stroke:#006b99; stroke-width:1.2; }
.place-representation-cell.zero-placeholder { fill:#f0f3f5; }
.place-representation-digit { font-size:13px!important; }
.place-representation-number { font-size:12px!important; fill:#006b99!important; }
.place-representation-words { font-size:7px!important; }
.place-representation-expanded { font-size:8px!important; fill:#9b6a00!important; }
.place-representation-note { font-size:6px!important; fill:#526c7a!important; }

.roman-key rect { fill:#dff3fa; stroke:#006b99; stroke-width:1.2; }
.roman-symbol,.roman-value,.roman-arabic,.roman-equals,.roman-parts,.roman-result,.roman-rule { text-anchor:middle; font-weight:800; }
.roman-symbol { font-size:9px!important; }
.roman-value { font-size:5px!important; fill:#526c7a!important; }
.roman-example rect { fill:#fff; stroke:#c7d7df; stroke-width:1.2; }
.roman-arabic,.roman-result { font-size:10px!important; fill:#006b99!important; }
.roman-equals { font-size:9px!important; }
.roman-parts { font-size:8px!important; fill:#9b6a00!important; }
.roman-rule { font-size:6px!important; fill:#526c7a!important; }

.addition-law-heading,.addition-law-value,.addition-law-equation,.addition-law-group,.addition-law-conclusion { text-anchor:middle; font-weight:800; }
.addition-law-heading { font-size:7px!important; fill:#526c7a!important; }
.addition-law-part { stroke:#102532; stroke-width:1; }
.addition-law-part.law-red { fill:#f4b4b9; }
.addition-law-part.law-yellow { fill:#ffeaa1; }
.addition-law-part.law-blue { fill:#bde6f5; }
.addition-law-value { font-size:7px!important; }
.addition-law-equation,.addition-law-group { font-size:8px!important; }
.addition-law-equation { fill:#006b99!important; }
.addition-law-bracket { fill:none; stroke:#7d43b5; stroke-width:1.4; }
.addition-law-conclusion { font-size:7px!important; fill:#526c7a!important; }

.associative-heading,.associative-equation,.associative-conclusion { text-anchor:middle; font-weight:800; }
.associative-heading { font-size:6.5px!important; }
.associative-cube-group-boundary { fill:#f8fbfc; stroke:#9bb0bc; stroke-width:1; }
.associative-unit-cube path { stroke:#102532; stroke-width:.8; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.associative-cube-front { fill:#ffd84a; }
.associative-cube-top { fill:#fff0a8; }
.associative-cube-side { fill:#d9a415; }
.associative-divider { stroke:#c7d7df; stroke-width:1.2; }
.associative-equation { font-size:7px!important; fill:#006b99!important; }
.associative-conclusion { font-size:6px!important; fill:#526c7a!important; }

.prime-heading,.prime-example>text,.composite-example>text,.prime-factor-label,.prime-sieve-number,.prime-legend { text-anchor:middle; font-weight:800; }
.prime-heading { font-size:7px!important; }
.prime-example>text,.composite-example>text { font-size:9px!important; }
.factor-array-dot.prime { fill:#ffd84a; stroke:#9b6a00; stroke-width:.8; }
.factor-array-dot.composite { fill:#dff3fa; stroke:#006b99; stroke-width:.8; }
.prime-factor-label { font-size:5.5px!important; fill:#526c7a!important; }
.prime-sieve-cell { stroke:#fff; stroke-width:.5; }
.prime-sieve-cell.prime,.prime-legend-swatch.prime { fill:#ffd84a; stroke:#9b6a00; }
.prime-sieve-cell.composite,.prime-legend-swatch.composite { fill:#dff3fa; stroke:#006b99; }
.prime-sieve-cell.neither { fill:#e4e9ec; stroke:#8799a3; }
.prime-sieve-number { font-size:3.8px!important; }
.prime-legend-swatch { stroke-width:1; }
.prime-legend { font-size:5px!important; text-anchor:start; }

.protractor-step-title,.protractor-step-detail,.protractor-panel-heading,.protractor-panel-prediction,.protractor-panel-result,.protractor-scale,.protractor-angle-label,.protractor-conclusion { text-anchor:middle; }
.protractor-workflow-step rect { stroke:#526c7a; stroke-width:1; }
.protractor-workflow-step.step-1 rect { fill:#dff3fa; }
.protractor-workflow-step.step-2 rect { fill:#fff0c9; }
.protractor-workflow-step.step-3 rect { fill:#dff0d2; }
.protractor-workflow-step.step-4 rect { fill:#eadcf4; }
.protractor-step-title { font-size:7px!important; font-weight:800; }
.protractor-step-detail { font-size:4.4px!important; fill:#526c7a!important; }
.protractor-step-detail.compact { font-size:4px!important; }
.protractor-workflow-arrow { fill:none; stroke:#526c7a; stroke-width:1.2; }
.protractor-panel-heading { font-size:7px!important; font-weight:800; }
.protractor-panel-prediction { font-size:5.2px!important; fill:#526c7a!important; font-weight:700; }
.protractor-panel-result { font-size:5.8px!important; fill:#006b99!important; font-weight:800; }
.protractor-body { fill:#dff3fa; fill-opacity:.52; stroke:#006b99; stroke-width:1.5; }
.protractor-inner-arc { fill:none; stroke:#7ba3b4; stroke-width:.8; }
.protractor-baseline { stroke:#102532; stroke-width:1.7; }
.protractor-tick { stroke:#526c7a; stroke-width:.38; }
.protractor-tick.medium { stroke:#31505e; stroke-width:.62; }
.protractor-tick.major { stroke:#102532; stroke-width:.9; }
.protractor-scale { font-size:3.15px!important; font-weight:700; }
.protractor-scale.inner { fill:#7d43b5!important; }
.protractor-angle-arm { stroke:#b4232f; stroke-width:2; stroke-linecap:round; }
.protractor-angle-arm.baseline-arm { stroke:#102532; }
.protractor-centre-guide { stroke:#102532; stroke-width:.9; }
.protractor-centre-ring { fill:#fff; stroke:#102532; stroke-width:1; }
.protractor-centre { fill:#102532; }
.protractor-target-mark { fill:none; stroke:#7d43b5; stroke-width:1.7; stroke-linecap:round; }
.protractor-angle-arc { fill:none; stroke:#e8a51a; stroke-width:2; }
.protractor-angle-label { font-size:6px!important; fill:#b4232f!important; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:2.5px; stroke-linejoin:round; }
.protractor-conclusion { font-size:6px!important; fill:#526c7a!important; font-weight:800; }

.instrument-choice-card rect { fill:#fff; stroke:#006b99; stroke-width:1.2; }
.instrument-need,.instrument-tool,.instrument-unit,.instrument-conclusion { text-anchor:middle; font-weight:800; }
.instrument-need { font-size:5.5px!important; fill:#526c7a!important; }
.instrument-choice-arrow { fill:none; stroke:#c7d7df; stroke-width:1.2; }
.instrument-tool { font-size:6.2px!important; }
.instrument-unit { font-size:8px!important; fill:#006b99!important; }
.instrument-conclusion { font-size:6px!important; fill:#526c7a!important; }

.data-cycle-title,.data-cycle-heading,.data-cycle-detail,.data-cycle-return-label { text-anchor:middle; font-weight:800; }
.data-cycle-title { font-size:7px!important; }
.data-cycle-stage rect { fill:#fff; stroke:#006b99; stroke-width:1.2; }
.data-cycle-stage:nth-of-type(even) rect { fill:#fff0c9; stroke:#9b6a00; }
.data-cycle-heading { font-size:5.5px!important; }
.data-cycle-detail { font-size:4.7px!important; fill:#526c7a!important; }
.data-cycle-arrow,.data-cycle-return { fill:none; stroke:#7d43b5; stroke-width:1.4; }
.data-cycle-return-label { font-size:5.5px!important; fill:#526c7a!important; }

.choice-header,.choice-data,.choice-chart,.choice-reason,.choice-conclusion { text-anchor:middle; font-weight:800; }
.choice-header { font-size:6px!important; fill:#526c7a!important; }
.choice-row { fill:#fff; stroke:#c7d7df; stroke-width:1; }
.choice-row:nth-of-type(even) { fill:#f4fafc; }
.choice-data,.choice-chart { font-size:6px!important; }
.choice-chart { fill:#006b99!important; }
.choice-reason { font-size:5px!important; fill:#526c7a!important; }
.choice-mini { fill:none; stroke:#7d43b5; stroke-width:1.5; }
.choice-conclusion { font-size:6px!important; fill:#526c7a!important; }

.triangle-angle-question-model figcaption { margin-bottom:4px; }
.triangle-angle-question-visual .triangle-question-shape { fill:#fff; stroke:#102532; stroke-width:2.4; stroke-linejoin:round; }
.triangle-question-angle-arc { fill:none; stroke:#149bd7; stroke-width:2.1; stroke-linecap:round; }
.triangle-question-angle { fill:#102532!important; font-size:10px!important; font-weight:900; text-anchor:middle; paint-order:stroke; stroke:#fff; stroke-width:4px; stroke-linejoin:round; }
.triangle-question-angle.is-missing { fill:#7d43b5!important; }
.triangle-question-angle.is-answer { fill:#006b99!important; }
.triangle-question-right-angle { fill:none; stroke:#7d43b5; stroke-width:2.1; stroke-linejoin:miter; }
.triangle-question-equal-side { stroke:#b4232f; stroke-width:2.6; stroke-linecap:round; }

.quadrilateral-angle-question-model figcaption { margin-bottom:4px; }
.quadrilateral-angle-question-visual .quadrilateral-question-shape { fill:#fff; stroke:#102532; stroke-width:2.4; stroke-linejoin:round; }
.quadrilateral-question-angle-arc { fill:none; stroke:#149bd7; stroke-width:2.1; stroke-linecap:round; }
.quadrilateral-question-angle { fill:#102532!important; font-size:9.5px!important; font-weight:900; text-anchor:middle; paint-order:stroke; stroke:#fff; stroke-width:4px; stroke-linejoin:round; }
.quadrilateral-question-angle.is-missing { fill:#7d43b5!important; }
.quadrilateral-question-angle.is-answer { fill:#006b99!important; }
.quadrilateral-question-right-angle { fill:none; stroke:#7d43b5; stroke-width:2.1; stroke-linejoin:miter; }
.quadrilateral-question-equal-angle-tick { stroke:#7d43b5; stroke-width:1.9; stroke-linecap:round; }
.quadrilateral-question-equal-side { stroke:#b4232f; stroke-width:2.6; stroke-linecap:round; }
.quadrilateral-question-parallel { fill:none; stroke:#006b99; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.quadrilateral-question-family { fill:#526c7a!important; font-size:8px!important; font-weight:800; text-anchor:middle; }
.number-representation-grid-model .diagram-visual {
  width: 100%;
  height: auto;
}

.number-representation-grid-visual .number-representation-cell {
  fill: #ffffff;
  stroke: #9fb3c2;
  stroke-width: 1.5;
}

.number-representation-grid-visual .number-representation-digits-row .number-representation-cell,
.number-representation-grid-visual .number-representation-values-row .number-representation-cell {
  fill: #f9fcfe;
}

.number-representation-grid-visual .number-representation-row-label {
  fill: #304a5c;
  font-size: 15px;
  font-weight: 800;
  text-anchor: end;
  dominant-baseline: middle;
}

.number-representation-grid-visual :is(.number-representation-digit, .number-representation-value) {
  fill: #102131;
  text-anchor: middle;
  dominant-baseline: middle;
}

.number-representation-grid-visual .number-representation-digit {
  font-size: 32px;
  font-weight: 900;
}

.number-representation-grid-visual .number-representation-digit.zero-placeholder {
  fill: #6f7f8b;
}

.number-representation-grid-visual .number-representation-value {
  font-size: 21px;
  font-weight: 850;
}

.number-representation-grid-visual .number-representation-header-label {
  font-size: 14px;
}

.number-representation-grid-visual .number-representation-header-rule {
  stroke: #111;
  stroke-width: 3;
  shape-rendering: crispEdges;
}

.number-representation-grid-worksheet-visual .number-representation-row-label {
  font-size: 14px;
  fill: #102131;
}

.number-representation-grid-worksheet-visual .number-representation-header-label {
  font-size: 12px;
}