/* Area calculator (#185) */
.container--geometry{max-width:1040px;min-width:0}.geometry-intro{max-width:880px}.geometry-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:start;margin:1.5rem 0 2rem;min-width:0}.geometry-panel{display:grid;gap:1rem;min-width:0}.geometry-panel h2,.geometry-panel p{margin:0}.geometry-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;border:0}.geometry-modes legend{grid-column:1/-1;margin-bottom:.25rem;color:#294943;font-weight:800}.geometry-mode{position:relative;display:grid;place-items:center;min-height:48px;padding:.55rem;border:1px solid #9dbab5;border-radius:10px;background:#fff;color:#294943;font-weight:800;text-align:center;cursor:pointer}.geometry-mode input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.geometry-mode:has(input:checked){border-color:#146b63;background:#e6f4f1;color:#0b514b}.geometry-mode:has(input:focus-visible){outline:3px solid rgba(20,107,99,.22);outline-offset:2px}.geometry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0}.geometry-fields[hidden],.geometry-precision[hidden]{display:none}.geometry-field{display:grid;gap:.4rem;min-width:0;color:#294943;font-weight:800}.geometry-field--full{grid-column:1/-1}.geometry-field input,.geometry-field select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:.7rem .8rem;border:1px solid #9dbab5;border-radius:10px;background:#fff;color:#183d39;font:inherit}.geometry-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.geometry-field input:focus-visible,.geometry-field select:focus-visible{border-color:#146b63;outline:3px solid rgba(20,107,99,.2);outline-offset:1px}.geometry-help{color:#586d69;font-size:.88rem;line-height:1.65;overflow-wrap:anywhere}.geometry-error{min-height:1.5em;color:#9f2e2e;font-weight:800}.geometry-result-card{min-width:0;padding:1rem;border:1px solid #9bc9c3;border-radius:13px;background:linear-gradient(145deg,#f3fbf9,#e9f6f3)}.geometry-result-card h3{margin:0;color:#41625e;font-size:.9rem}.geometry-result-card output{display:block;max-width:100%;margin:.55rem 0 0;color:#123f3b;font:900 clamp(1.35rem,4vw,2.2rem)/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.geometry-result-card--approx{background:#fff}.geometry-result-card--approx output{font-size:clamp(1.15rem,3vw,1.55rem)}.geometry-result-card--approx[hidden]{display:none}.geometry-formula{display:grid;gap:.35rem;padding:.85rem;border-left:4px solid #6a9f99;border-radius:8px;background:#f2f8f7;color:#3f5f5b;line-height:1.65}.geometry-formula code{max-width:100%;overflow-wrap:anywhere}.geometry-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.geometry-actions .button{min-width:0;min-height:48px}.geometry-status{min-height:1.5em}.geometry-guide code{overflow-wrap:anywhere}.geometry-faq{margin-top:1rem}
@media(max-width:760px){.geometry-workspace{grid-template-columns:1fr}}
@media(max-width:420px){.container--geometry{padding-inline:12px}.geometry-panel{padding:1rem}.geometry-fields,.geometry-actions{grid-template-columns:1fr}.geometry-field--full{grid-column:auto}.geometry-modes{grid-template-columns:1fr}.geometry-result-card output{font-size:1.25rem}}


.geometry-top{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem}.geometry-modes[hidden],[data-shape-panel][hidden],[data-precision-field][hidden],[data-geometry-workspace][hidden],[data-pythagorean-mode-panel][hidden],[data-point-distance-mode-panel][hidden]{display:none}
@media(max-width:700px){.geometry-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.geometry-top{grid-template-columns:1fr}}