/* Units layout only; exact-numbers.js and units-core.js are unchanged. */
.units-page .up-button { font-size: 16px; }
.units-page .category-btn { font-size: 16px; }
.units-page .units-result-value { display: block; min-width: 0; width: 100%; min-height: 64px; padding: 0; border: 0; border-radius: var(--up-radius-small); background: transparent; color: #fff; font: 750 40px/1.2 var(--up-font); font-variant-numeric: tabular-nums; }
.units-page .units-result-value::placeholder { color: #fff; opacity: 1; }
.units-page .formula-display { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; margin-top: 12px; }
.units-page .formula-display:empty { display: none; }
.units-page .quick-conversions { margin-top: 24px; }
.units-page .quick-title { font-size: 16px; margin-bottom: 12px; }
.units-page .quick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.units-page .quick-item { min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--up-border); font-size: 14px; overflow-wrap: anywhere; }
.units-page .quick-from { color: var(--up-muted); }
.units-page .quick-to { font-weight: 650; font-variant-numeric: tabular-nums; }
@media (max-width: 767px) {
  .units-page .category-selector { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .units-page .up-tool-fields { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .units-page .units-result-value { font-size: 32px; }
  .units-page .quick-grid { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .units-page .quick-item { flex-direction: row; justify-content: space-between; gap: 12px; }
  .units-page .quick-item > span { min-width: 0; flex: 1; }
  .units-page .quick-to { text-align: right; }
}