/* ════════════════════════════════════════════════════════
   Utilities — single-purpose classes
   ════════════════════════════════════════════════════════ */
.hidden{display:none !important}
.visually-hidden{
  position:absolute !important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-1{flex:1}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.gap-1{gap:var(--s-1)}
.gap-2{gap:var(--s-2)}
.gap-3{gap:var(--s-3)}
.gap-4{gap:var(--s-4)}
.w-full{width:100%}
.mt-0{margin-top:0}
.mt-1{margin-top:var(--s-1)}
.mt-2{margin-top:var(--s-2)}
.mt-3{margin-top:var(--s-3)}
.mt-4{margin-top:var(--s-4)}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:var(--s-1)}
.mb-2{margin-bottom:var(--s-2)}
.mb-3{margin-bottom:var(--s-3)}
.mb-4{margin-bottom:var(--s-4)}
.muted{color:var(--txt-3)}
.muted-light{color:var(--txt-d)}