.unit-preference{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin:1rem 0;padding:.5rem .75rem;border:1px solid currentColor;border-radius:.5rem}
.unit-preference[hidden]{display:none}
.unit-preference legend{font-weight:600;padding:0 .25rem}
.unit-preference label{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}
.unit-preference input:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.unit-preference-note{flex-basis:100%;margin:0;font-size:.9em;opacity:.8}
dd[data-unit-converted]{font-variant-numeric:tabular-nums}

.unit-preference input[type=radio]{width:auto}