.calculator{gap:var(--space-6);display:grid}.calculator__form,.result-panel,.invalid-notice,.calculation-warning{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface)}.calculator__form,.result-panel{padding:clamp(var(--space-4), 4vw, var(--space-8))}.calculator__heading h2{margin-bottom:var(--space-6);font-size:clamp(1.35rem,3vw,1.75rem)}.calculator__kicker{margin-bottom:var(--space-1);color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.field-grid{gap:var(--space-4);display:grid}.field label{margin-bottom:var(--space-2);font-weight:700;display:block}.input-with-unit{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);grid-template-columns:minmax(0,1fr) 3.5rem;display:grid;overflow:hidden}.input-with-unit:focus-within{border-color:var(--color-primary);outline:3px solid color-mix(in srgb, var(--color-primary) 18%, transparent)}.calculator input{min-width:0;min-height:3rem;padding:var(--space-3) var(--space-4);color:var(--color-text);font:inherit;background:0 0;border:0;font-size:1rem}.calculator input:focus{outline:0}.calculator input[aria-invalid=true]{color:var(--color-danger)}.unit{border-left:1px solid var(--color-border);background:var(--color-background);min-height:3rem;color:var(--color-muted);white-space:nowrap;justify-content:center;align-items:center;font-size:.875rem;display:flex}.unit-input__controls{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);grid-template-columns:minmax(0,1fr) minmax(4.25rem,auto);width:100%;min-width:0;min-height:2.8rem;display:grid;overflow:visible}.unit-input__controls:focus-within{border-color:var(--color-primary);outline:3px solid color-mix(in srgb, var(--color-primary) 18%, transparent)}.unit-input__controls:has(input[aria-invalid=true]){border-color:var(--color-danger)}.unit-input__controls>input{width:100%;min-width:0;max-width:100%;min-height:2.8rem;padding:var(--space-2) var(--space-3);color:var(--color-text);font:inherit;background:0 0;border:0;border-radius:0}.unit-input__controls>input:focus{outline:0}.unit-input__controls>.unit-input__select{border:0;border-left:1px solid var(--color-border);width:auto;min-width:4.25rem;max-width:8rem;min-height:2.8rem;padding:var(--space-2) var(--space-2);color:var(--color-muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border-radius:0;font-size:.875rem}.unit-input__controls>.unit-input__select:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.unit-input__controls>.unit-input__select:hover{color:var(--color-text)}.field__error{min-height:1.25rem;margin:var(--space-1) 0 0;color:var(--color-danger);font-size:.8125rem;line-height:1.35}.calculator__submit{width:100%;font:inherit;cursor:pointer;border:0}.calculator__result-column{align-content:start;gap:var(--space-4);display:grid}.primary-result{gap:var(--space-2);margin-bottom:var(--space-6);border-radius:var(--radius-small);padding:var(--space-4);background:var(--color-primary);color:var(--color-on-primary);display:grid}.primary-result span{font-size:.875rem}.primary-result strong{overflow-wrap:anywhere;font-size:clamp(1.75rem,6vw,2.75rem);line-height:1.1}.primary-result strong span{font-size:inherit}.result-list{margin:0 0 var(--space-6);display:grid}.result-list div{gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-block:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.result-list dt{color:var(--color-muted)}.result-list dd{text-align:right;white-space:nowrap;margin:0;font-weight:700}.copy-button{border:1px solid var(--color-primary);border-radius:var(--radius-small);width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;font-weight:700}.copy-button:hover{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}.copy-button:focus-visible,.calculator input:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:2px}.copy-button:disabled{cursor:not-allowed;opacity:.55}.copy-status{min-height:1.5rem;margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.875rem}.invalid-notice,.calculation-warning{padding:var(--space-4);margin:0}.invalid-notice{border-color:var(--color-danger);background:var(--color-danger-surface);color:var(--color-danger-text)}.calculation-warning{border-left:4px solid var(--color-warning-border);background:var(--color-warning-surface)}.calculation-warning p{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.9375rem}@media (width>=40rem){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=58rem){.calculator{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:start}}