/* Unit converter (kilaz.com/units/) */
.un-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.75rem; align-items: center; }
.un-side { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.un-side input[type="text"] { font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.un-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.un-swap { font-size: 1.2rem; padding: 0.5rem 0.9rem; }
.un-formula { color: var(--text-secondary); font-size: 0.92rem; margin-top: 0.25rem; overflow-wrap: anywhere; }
.un-formula strong { color: var(--text-primary); }
.un-table th { width: 45%; font-weight: 500; }
.un-table td { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.88rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.un-table tr { cursor: pointer; }
.un-table tr:hover th, .un-table tr:hover td { background: var(--bg-secondary); }
.un-table tr.from th, .un-table tr.from td { color: var(--accent-color); font-weight: 600; }
.un-table tr.to th, .un-table tr.to td { background: var(--bg-secondary); }
@media (max-width: 600px) {
    .un-row { grid-template-columns: 1fr; }
    .un-swap { justify-self: center; transform: rotate(90deg); }
    .un-swap:hover { transform: rotate(90deg) scale(1.03); }
}