.organic-geometry-lab{--og-ink:#293d3c;--og-muted:#586966;--og-coral:#bc493c;--og-aqua:#39776f;--og-line:#c6ceca;--og-paper:#faf7f0;color:var(--og-ink)}html[data-theme="dark"] .organic-geometry-lab{--og-ink:#f3f1e9;--og-muted:#c2cec9;--og-coral:#ff9b87;--og-aqua:#89d1c6;--og-line:#62726d;--og-paper:#1c2a29}.organic-geometry-lab h3{font-size:clamp(1.4rem,2.5vw,1.9rem);margin:.5rem 0}.organic-geometry-lab p{line-height:1.65}.og-scene{overflow:auto;border:1px solid var(--og-line);border-radius:14px;background:var(--og-paper);margin:1rem 0}.og-scene svg{display:block;width:100%;min-width:720px;height:auto}.og-scene text{font-family:inherit;fill:var(--og-ink);font-size:17px}.og-scene .og-title{font-size:21px;font-weight:600}.og-scene .og-small{font-size:14px;fill:var(--og-muted)}.og-scene .og-accent-label{fill:var(--og-coral);font-weight:600}.og-sigma{stroke:var(--og-coral);stroke-width:7;stroke-linecap:round}.og-atom{stroke:var(--og-ink);stroke-width:2}.og-C{fill:var(--og-paper)}.og-H{fill:var(--og-paper)}.og-scene .og-element{font-size:19px;font-weight:600;fill:var(--og-ink)}.og-angle{fill:none;stroke:var(--og-aqua);stroke-width:2.5;stroke-dasharray:4 3}.og-p-lobe{fill-opacity:.24;stroke-width:1.5}.og-phase-positive{fill:var(--og-coral);stroke:var(--og-coral)}.og-phase-negative{fill:var(--og-aqua);stroke:var(--og-aqua)}.og-divider{stroke:var(--og-line);stroke-width:1}.og-controls{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0}.organic-geometry-lab label{display:block;margin:.8rem 0;font-size:.9rem}.organic-geometry-lab output{float:right;color:var(--og-coral)}.organic-geometry-lab input[type="range"]{display:block;width:100%;min-height:28px;accent-color:var(--og-coral);margin:.6rem 0}.organic-geometry-lab button,.organic-geometry-lab select,.organic-geometry-lab input[type="number"]{font:inherit;color:var(--og-ink);background:var(--og-paper);border:1px solid var(--og-line);border-radius:8px;padding:.65rem .8rem;min-height:44px}.organic-geometry-lab select{display:block;width:100%;margin-top:.5rem}.organic-geometry-lab button{cursor:pointer}.organic-geometry-lab button[aria-pressed="true"]{border-color:var(--og-coral);box-shadow:inset 0 0 0 1px var(--og-coral)}.organic-geometry-lab :focus-visible{outline:2px solid var(--og-coral);outline-offset:3px}.og-transport{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.og-stages{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.og-stages button{text-align:left}.og-teaching{border-left:3px solid var(--og-coral);padding:.25rem 1rem;margin:1rem 0}.og-help,.og-source{font-size:.82rem;color:var(--og-muted)}.og-source,.og-practice{border-top:1px solid var(--og-line);padding-top:1rem;margin-top:1rem}.og-practice summary{cursor:pointer;min-height:32px}.og-practice input[type="number"]{display:block;width:min(240px,100%);margin-top:.5rem}[data-og-solution]{font-family:'CALX Latin Modern Math','Latin Modern Math',serif;font-size:1.15rem;color:var(--og-ink);padding:.75rem 0;line-height:1.7}.og-source a{color:var(--og-coral)}
@media(max-width:620px){.og-controls,.og-stages{grid-template-columns:1fr}.og-controls{gap:0}}@media(prefers-reduced-motion:reduce){.organic-geometry-lab *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}