.grid-figures,.grid-rectangle-lesson{--role-grid:var(--diagram-grid);--role-selection:var(--emphasis);--role-fill:var(--accent-soft)}.rectangle-grid{width:100%;max-width:420px;max-height:245px;margin-inline:auto;display:block;overflow:visible}.rectangle-line{stroke:var(--role-grid);stroke-width:1.5px}.rectangle-fill{fill:var(--role-fill)}.rectangle-outline{fill:none;stroke:var(--role-selection);stroke-width:4px;stroke-linejoin:round}.rectangle-label{fill:var(--ink);text-anchor:middle;font:18px var(--font-body)}.grid-originals,.grid-choice-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.grid-figures{margin:20px 0}.grid-figures p{text-align:center;font-size:var(--text-support);margin:4px 0}.grid-figures figcaption{color:var(--muted);font-size:var(--text-support);margin-top:12px}.grid-choice-gallery>div{border:1px solid var(--line);border-radius:var(--radius-small);padding:6px}.grid-choice-gallery .rectangle-grid{max-width:180px;height:150px}.grid-width-gallery section{border-bottom:1px solid var(--line);padding-block:12px}.grid-width-gallery section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.grid-width-gallery strong{font-size:var(--text-support)}.grid-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.grid-totals>div{text-align:center;background:var(--surface-soft);border-radius:var(--radius-small);gap:4px;padding:12px;display:grid}.grid-equation{text-align:center;color:var(--emphasis);overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}.grid-rectangle-lesson .grid-scene{min-width:0}.grid-rectangle-lesson .grid-scene h3{margin:12px 0;font-size:1.1rem}.grid-rectangle-lesson .grid-scene p{font-size:var(--text-body)}.grid-explore-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-explore-controls label,.grid-pair-controls label{gap:6px;display:grid}.grid-rectangle-lesson select{border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;padding:8px}.grid-pair-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:12px;display:grid}.grid-rectangle-lesson output{display:block}.grid-rectangle-lesson .grid-prompt{background:var(--surface-soft);border-radius:var(--radius-small);padding:12px}@media (width<=460px){.grid-choice-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-originals{gap:4px}.grid-pair-controls{grid-template-columns:1fr}}