/* Unit converter pages (shared by the ten converters that use unit-converter.js). */
.uc-form { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto minmax(0, 1fr); gap: 12px; align-items: end; }
.uc-swap { width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 50%; }
.uc-swap svg { width: 20px; height: 20px; }
@media (max-width: 720px) {
  .uc-form { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .uc-form .uc-value { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .uc-form { grid-template-columns: minmax(0, 1fr) auto; }
  .uc-form > .field:last-child { grid-column: 1 / -1; }
}
.uc-form input#uc-value { font-weight: 700; }
.uc-all { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
@media (max-width: 560px) { .uc-all { grid-template-columns: repeat(2, minmax(0, 1fr)); } .uc-item { padding: 9px 10px; } }
.uc-item {
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; padding: 10px 12px; border-radius: var(--r);
  border: 1px solid var(--line); background: var(--glass-soft); color: var(--ink); font: inherit; text-align: left; cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.uc-item:hover, .uc-item:focus-visible { border-color: var(--accent); outline: none; }
.uc-item.is-active { border-color: var(--accent); background: var(--accent-soft); }
.uc-item.is-copied { border-color: var(--ok); background: var(--ok-soft); }
.uc-item .v { font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; line-height: 1.3; }
.uc-item .v small { font-weight: 600; color: var(--muted); }
.uc-item .n { font-size: 0.8rem; color: var(--muted); }
.uc-head { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; justify-content: space-between; margin-bottom: 10px; }
.uc-head h3 { margin: 0; font-size: 1rem; }
.uc-link { padding: 0; border: 0; background: none; color: var(--accent-ink); font: inherit; font-weight: 700; cursor: pointer; text-align: left; }
.uc-link:hover { text-decoration: underline; }
#uc-sub2:empty { display: none; }
#uc-err:empty { display: none; }
.uc-prec { gap: 8px; }
.uc-prec select { width: auto; max-width: 100%; min-height: 36px; padding-top: 6px; padding-bottom: 6px; font-size: 0.88rem; }