/* ==========================================================================
   utilities.css — Small single-purpose helper classes
   ========================================================================== */

.u-flex { display: flex; }
.u-items-center { align-items: center; }
.u-justify-between { justify-content: space-between; }
.u-gap-2 { gap: var(--sp-2); }
.u-gap-4 { gap: var(--sp-4); }
.u-mt-0 { margin-top: 0 !important; }
.u-text-center { text-align: center; }
.u-text-gold { color: var(--c-gold) !important; }
.u-text-scan { color: var(--c-scan) !important; }
.u-mono { font-family: var(--f-mono); }
.u-uppercase { text-transform: uppercase; }
.u-nowrap { white-space: nowrap; }
.u-hide { display: none !important; }
.u-block { display: block; }
.u-relative { position: relative; }
.u-w-full { width: 100%; }
.u-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

@media (max-width: 640px) {
  .u-hide-mobile { display: none !important; }
}
@media (min-width: 641px) {
  .u-hide-desktop { display: none !important; }
}