/* ============================================================
   UTILITIES — utilities.css
   Single-purpose utility classes.
   ============================================================ */

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.text-center { text-align: center; }
.text-right  { text-align: right; }
.hidden      { display: none !important; }
.visible     { display: block !important; }
.flex        { display: flex; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.w-full      { width: 100%; }

/* Accessibility — never remove focus outline without an alternative (MASTER-IMPLEMENTATION-STANDARDS.md 8.2) */
:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}