/* ── Utilities ── */
@layer utilities {
    .visually-hidden-focusable {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .focus-none:focus { outline: none; }
    .tracking-wider { letter-spacing: 0.1em; }
    .fs-xs { font-size: 0.65rem; }
    .fs-smaller { font-size: 0.7rem; }
    .fs-small { font-size: 0.75rem; }
    .fw-800 { font-weight: 800; }
    .fw-700 { font-weight: 700; }
    .icon-sm { font-size: 0.75rem; }
    .icon-xs { font-size: 0.6rem; }
    .accessibility-link { color: #fff; text-decoration: none; }
    .accessibility-link:hover { color: var(--tenant-accent, #fbbf24); text-decoration: underline; }
    .hover-white { transition: border-color 0.2s ease-in-out; border-bottom: 1px solid transparent; padding-bottom: 2px !important; display: inline-block; }
    .hover-white:hover { color: #fff !important; text-decoration: none; border-bottom-color: var(--tenant-primary, #999); }
    .animate-padding { transition: padding-left 0.2s ease-in-out, border-color 0.2s ease-in-out; }
    .animate-padding:hover { padding-left: 4px !important; }
    .cursor-pointer { cursor: pointer; }
    .cursor-default { cursor: default; }
}