/* Hallmark · genre: industrial utility · tone: precise and restrained · anchor: existing navy/orange · macrostructure: split conversion workbench + reference rail · pre-emit critique: P5 H5 E4 S5 R5 V4 · contrast: pass (40–41) · nav: existing · footer: existing · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57) */
:root{--converter-panel:var(--paper);--converter-soft:var(--g);--converter-rule:var(--l);--converter-ink:var(--ink);--converter-muted:var(--muted);--converter-brand:var(--b);--converter-accent:var(--a);--converter-focus:var(--focus);--converter-error:var(--error)}
.converter-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:var(--space-2xl);align-items:start}
.converter-workbench{border:1px solid var(--converter-rule);border-radius:8px;background:var(--converter-panel);box-shadow:var(--shadow);overflow:hidden}
.converter-form{padding:var(--space-2xl)}
.converter-fields{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-md);align-items:end}
.converter-field{min-width:0}
.converter-field label{display:block;margin-bottom:var(--space-sm);font-size:14px;font-weight:600;color:var(--converter-brand)}
.converter-field input,.converter-field select{display:block;width:100%;min-height:48px;border:1px solid var(--field-rule);outline:2px solid transparent;outline-offset:1px;border-radius:6px;padding:var(--space-md);background:var(--converter-panel);color:var(--converter-ink);font:inherit}
.converter-field input:hover,.converter-field select:hover{background:var(--converter-soft)}
.converter-field input:focus-visible,.converter-field select:focus-visible{outline:2px solid var(--converter-focus);outline-offset:1px}
.converter-field input[aria-invalid=true]{border-color:var(--converter-error)}
.converter-help{min-height:1.6em;margin:var(--space-xs) 0 0;font-size:13px;color:var(--converter-error)}
.converter-swap{min-width:48px;min-height:48px;border:1px solid var(--converter-brand);border-radius:6px;background:var(--converter-panel);color:var(--converter-brand);font:inherit;font-weight:700;cursor:pointer;line-height:1;white-space:nowrap}
.converter-swap:hover{background:var(--converter-soft)}
.converter-swap:focus-visible{outline:2px solid var(--converter-focus);outline-offset:1px}
.converter-swap:active{transform:translateY(1px)}
.converter-swap:disabled{opacity:.55;cursor:not-allowed;background:var(--converter-soft)}
.converter-result{padding:var(--space-2xl);background:var(--converter-brand);color:var(--paper)}
.converter-result-label{margin:0 0 var(--space-sm);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.converter-result output{display:block;font-size:clamp(30px,5vw,52px);line-height:1.05;font-weight:700;overflow-wrap:anywhere;min-width:0}
.converter-equation{min-height:1.6em;margin:var(--space-md) 0 0;max-width:70ch;color:var(--paper)}
.converter-rail{border-top:4px solid var(--converter-accent);background:var(--converter-soft);padding:var(--space-xl)}
.converter-rail h2{font-size:22px;margin:0 0 var(--space-md)}
.converter-rail p,.converter-rail li{font-size:14px}
.converter-rail ul{padding-left:var(--space-lg);margin-bottom:0}
.converter-reference{margin-top:var(--space-2xl)}
.converter-reference h2{margin-top:0}
@media(max-width:768px){.converter-shell{grid-template-columns:minmax(0,1fr)}.converter-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.converter-value{grid-column:1/-1}.converter-swap{grid-column:1/-1;width:100%}}
@media(max-width:414px){.converter-form,.converter-result{padding:var(--space-lg)}.converter-fields{grid-template-columns:minmax(0,1fr)}.converter-value,.converter-swap{grid-column:auto}.converter-result output{font-size:30px}.converter-page .wa{display:none}}
@media(prefers-reduced-motion:reduce){.converter-swap:active{transform:none}}