/* ============================================================
   UTILITIES — Small helpers: text sizes, colours, alignment
   ============================================================ */

/* figures align without turning into a terminal */
.num, table.t td.n, table.t th.n, .kpi .kv, .inp.n {
  font-family:var(--sans);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"cv05" 1;
}
/* belongs with login — kept here because it must load after a rule in this file */
.gate-b .inp{padding:10px 12px;font-size:14px}
/* belongs with cards — kept here because it must load after a rule in this file */
.kpi .kv{font-size:29px;letter-spacing:-.03em;line-height:1.05}
/* belongs with cards — kept here because it must load after a rule in this file */
.kpi .kv{font-weight:600}
/* belongs with tables — kept here because it must load after a rule in this file */
table.t td .tiny, table.t td.tiny{line-height:1.3}
/* mono stays for identifiers only */
.mono, .tag, code, kbd{font-family:var(--mono);font-size:.92em;letter-spacing:-.01em}
/* belongs with badges — kept here because it must load after a rule in this file */
.tag{background:var(--n100);color:var(--n600);border-radius:var(--r-xs);padding:2px 6px;font-size:11px}
/* belongs with forms — kept here because it must load after a rule in this file */
.inp, select.inp, textarea.inp{border-radius:var(--r-sm);border-color:var(--n200);font-size:13px}
.tiny{font-size:11.5px}
.muted{color:var(--chrome)}
/* mono is for the identifier itself — the prose underneath it is prose */
.mono .tiny, td.mono>div, td.mono .tiny, .mono small{font-family:var(--sans);letter-spacing:0;font-size:11.5px}
/* the identifier is bold; the note under it is not */
/* belongs with tables — kept here because it must load after a rule in this file */
td.mono>div, td.mono .tiny{font-weight:400}