.calculator-page{min-width:0}.calculator-hero{width:100%;max-width:72rem;margin-inline:auto;padding:2.25rem 1.25rem 1.25rem}.calculator-heading{text-align:center;max-width:52rem;margin:1.5rem auto 0}.calculator-workspace{background:#ffffffe6;border:1px solid #00000014;border-radius:2rem;width:min(72rem,100% - 2rem);min-width:0;margin:1rem auto 0;padding:1rem;box-shadow:0 24px 80px #3136271f}.basic-calculator-shell{gap:1rem;min-width:0;display:grid}.calculator-display{background:var(--surface-muted);border:1px solid #00000014;border-radius:1.5rem;min-width:0;padding:1rem}.calculator-expression{width:100%;min-height:3.25rem;color:var(--ink);text-align:right;background:#fff;border:0;border-radius:.9rem;outline:none;padding:.75rem 1rem;font-size:clamp(1.15rem,3vw,1.6rem);font-weight:750}.calculator-expression:focus-visible{box-shadow:0 0 0 3px var(--brand-soft)}.calculator-result-line{justify-content:space-between;align-items:flex-end;gap:1rem;min-width:0;padding:.8rem .25rem 0;display:flex}.calculator-result-line span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.calculator-result-line strong{overflow-wrap:anywhere;letter-spacing:-.055em;min-width:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1}.calculator-status{min-height:1.3rem;color:var(--muted);margin-top:.65rem;font-size:.8rem;line-height:1.35rem}.calculator-actions{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.calculator-actions .small-button,.calculator-actions .secondary-button,.calculator-actions .primary-button{min-height:2.75rem}.calculator-auto-copy{min-height:2.75rem;color:var(--muted);background:#ffffffb8;border:1px solid #00000014;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.calculator-auto-copy input{width:1rem;height:1rem;accent-color:var(--brand)}.calculator-keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.calculator-key{min-width:0;min-height:3.4rem;color:var(--ink);background:#fff;border:1px solid #00000017;border-radius:1rem;font-size:1.05rem;font-weight:800;transition:transform .12s,border-color .12s,background .12s;box-shadow:0 8px 22px #3136270d}.calculator-key:hover{background:var(--brand-cream);border-color:#0000002e;transform:translateY(-1px)}.calculator-key:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.calculator-key.is-operator{background:var(--brand-cream);color:var(--brand-dark)}.calculator-key.is-primary{border-color:var(--brand-dark);background:var(--brand-dark);color:#fff}.calculator-key.is-muted{background:var(--surface-muted);color:var(--muted)}.focused-calculator{gap:1rem;min-width:0;display:grid}.calculator-form-card,.calculator-output-card{background:var(--surface-muted);border:1px solid #00000014;border-radius:1.5rem;min-width:0;padding:1rem}.calculator-output-card{background:#fff;align-content:start;display:grid}.calculator-field-grid{gap:.8rem;min-width:0;display:grid}.calculator-inline-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;display:grid}.calculator-inline-fields>span{color:var(--brand-dark);font-weight:900}.calculator-fraction-input{gap:.35rem;display:grid}.calculator-fraction-divider{background:#0000004d;border-radius:999px;height:2px}.calculator-output-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.calculator-output-primary{overflow-wrap:anywhere;letter-spacing:-.055em;margin-top:.45rem;font-size:clamp(2rem,6vw,3.35rem);font-weight:900;line-height:1.04}.calculator-output-secondary{color:var(--brand-dark);margin-top:.55rem;font-size:1rem;font-weight:800}.calculator-working{background:var(--surface-muted);color:var(--muted);border-radius:1rem;margin-top:.85rem;padding:.85rem;font-size:.82rem;line-height:1.35rem}.calculator-submit-row{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.calculator-submit-row>*{min-height:2.75rem}[data-percentage-direction-field][hidden],[data-ratio-panel][hidden],[data-shape-panel][hidden],[data-result-secondary][hidden]{display:none!important}.calculator-guidance{gap:1rem;width:min(72rem,100% - 2rem);margin:2.5rem auto 0;display:grid}@media (width>=40rem){.calculator-hero{padding-inline:2rem}.calculator-workspace{width:min(72rem,100% - 4rem);padding:1.35rem}.calculator-guidance{width:min(72rem,100% - 4rem)}.calculator-field-grid.is-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.basic-calculator-shell{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr);align-items:stretch}.calculator-display{flex-direction:column;justify-content:center;min-height:22rem;padding:1.5rem;display:flex}.focused-calculator{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:stretch}.calculator-form-card,.calculator-output-card{padding:1.35rem}.calculator-guidance{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)}}@media (width<=24rem){.calculator-workspace,.calculator-guidance{width:calc(100% - 1rem)}.calculator-workspace{border-radius:1.35rem;padding:.65rem}.calculator-display,.calculator-form-card,.calculator-output-card{border-radius:1.1rem;padding:.75rem}.calculator-keypad{gap:.4rem}.calculator-key{border-radius:.85rem;min-height:3.2rem}}