/* ============================================================
   UTILITIES.CSS — small reusable helpers
   ============================================================ */
.text-center { text-align: center; }
.text-signal { color: var(--c-signal); }
.text-depth { color: var(--c-depth); }
.text-steel { color: var(--c-steel); }
.text-white { color: #fff; }
.bg-mist { background: var(--c-mist); }
.bg-white { background: var(--c-paper-raised); }
.bg-ink { background: var(--c-ink); color: #fff; }
.rounded-lg { border-radius: var(--r-lg); }
.shadow-md { box-shadow: var(--shadow-md); }
.mt-1 { margin-top: var(--sp-1); } .mt-2 { margin-top: var(--sp-2); } .mt-3 { margin-top: var(--sp-3); } .mt-4 { margin-top: var(--sp-4); }
.mb-1 { margin-bottom: var(--sp-1); } .mb-2 { margin-bottom: var(--sp-2); } .mb-3 { margin-bottom: var(--sp-3); } .mb-4 { margin-bottom: var(--sp-4); }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.container-narrow { max-width: 820px; margin-inline: auto; }
.divider { height: 1px; background: var(--c-line); border: none; }
.font-mono { font-family: var(--f-mono); }
.balance { text-wrap: balance; }