/* Phase 11: Safari flex-gap fallback, focus states, skip link */
@supports not (gap: 1px) {
    .up-chapter-grid > *, .up-quick-access-grid > *, .up-category-grid > *,
    .up-tool-grid > *, .up-download-grid > * { margin: 8px; }
    .up-filter-bar > * { margin-left: 8px; }
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
    outline: 3px solid var(--color-accent);
    outline-offset: 2px;
    border-radius: 4px;
}
.up-chapter-card:focus-within, .up-tool-card:focus-within, .up-pdf-card:focus-within, .up-content-card:focus-within {
    outline: 2px solid var(--color-primary);
}
.up-skip-link { position: absolute; top: -100px; right: 10px; background: var(--color-primary); color: #fff; padding: 10px 20px; z-index: 9999; border-radius: 0 0 8px 8px; transition: top .2s; }
.up-skip-link:focus { top: 0; }