/* 單位換算：類別分頁、雙向輸入、對照表；共用元件沿用 site.css */
#uc-form [hidden] { display: none !important; }
.uc-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 4px; }
.uc-tabs button { min-height: 44px; padding: 0 14px; border: 2px solid var(--line); border-radius: 10px; background: #fff; font: inherit; font-weight: 600; cursor: pointer; color: var(--fg); }
.uc-tabs button.on { border-color: var(--brand); background: #eff4ff; color: var(--brand-dark); }
.uc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.uc-row > * { min-width: 0; }
.uc-swap { display: flex; justify-content: center; margin: 4px 0 0; }
.uc-swap .btn { min-width: 160px; }
#uc-all td { text-align: right; font-variant-numeric: tabular-nums; }
.uc-ref { margin: 8px 0 16px; }
@media (max-width: 480px) { .uc-row { grid-template-columns: 1fr; } }