.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.mt-1{margin-top:var(--space-1)}
.mt-2{margin-top:var(--space-2)}
.mt-3{margin-top:var(--space-3)}
.mt-4{margin-top:var(--space-4)}
.mt-5{margin-top:var(--space-5)}
.mb-2{margin-bottom:var(--space-2)}
.mb-4{margin-bottom:var(--space-4)}
.flex{display:flex}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.gap-1{gap:var(--space-1)}
.gap-2{gap:var(--space-2)}
.gap-3{gap:var(--space-3)}
.w-full{width:100%}
.hidden{display:none}
.badge-dot{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--color-muted)}
.badge-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--color-secondary)}
.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}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:var(--color-primary);padding:12px 20px;z-index:1000;border-radius:0 0 var(--radius-sm) 0}
.skip-link:focus{left:0}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}