/* Small helpers that sit outside Tailwind. */
/* Inside a cascade layer so Tailwind utilities (layer "utilities") can override these. */
@layer components {
.sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.text-balance { text-wrap: balance; }
.break-anywhere { overflow-wrap: anywhere; }

}