.unit-page{padding-top:2rem}
.unit-tool>*{min-width:0}
.unit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem}
.unit-options .field{min-width:0}
.unit-options .wide{grid-column:1/-1}
.unit-tool .result-panel{padding:0;background:#fff}
.unit-tool .result-number{display:block;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;overflow-wrap:anywhere}
.unit-tool .result-unit{display:block;margin-top:.5rem;overflow-wrap:anywhere}
.unit-tool textarea{min-height:6rem;overflow-wrap:anywhere}
.unit-tool h1{max-width:20ch;font-size:clamp(2.5rem,5vw,4rem)}
.unit-tool .result-panel:not([hidden]){animation:unit-appear 160ms ease}
@keyframes unit-appear{from{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:none}}
@media(max-width:44rem){.unit-options{grid-template-columns:1fr}.unit-tool h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.unit-tool .result-panel:not([hidden]){animation:none}}