/* ==========================================================================
   Utilities (keep this list short)
   ========================================================================== */

.text-center { text-align: center; }
.text-muted { color: var(--color-text-muted); }
.mt-0 { margin-top: 0 !important; }
.mt-4 { margin-top: var(--space-4); }
.mt-8 { margin-top: var(--space-8); }
.mt-12 { margin-top: var(--space-12); }
.max-measure { max-width: var(--measure); }
.nowrap { white-space: nowrap; }
.mx-auto { margin-inline: auto; }

/* ---- Reflow safety (WCAG 1.4.4 / 1.4.10 / 1.4.12) -----------------------
   Long words and enlarged text wrap instead of forcing horizontal scroll.
   No visible effect at normal sizes, where every word already fits. */
body { overflow-wrap: anywhere; }
.btn, .nowrap, .tabs__tab, .badge { overflow-wrap: normal; }
.site-header__inner { flex-wrap: wrap; }
.brand img { max-width: 45vw; }
.footer-links a { display: inline-block; min-height: 24px; }
.contact-layout > *, .split > *, .grid > * { min-width: 0; }
@media (max-width: 479.98px) {
  .btn { white-space: normal; text-align: center; max-width: 100%; }
}
.site-footer__bottom a { display: inline-block; min-height: 24px; }