/* Skip link — a11y baseline (Phase W.7)
   Hidden until keyboard-focused, then jumps to #main-content.
   Load on any page that has <main id="main-content">. */

.skip-link {
    position: absolute;
    top: -100px;
    left: var(--space-4, 16px);
    z-index: 9999;
    padding: var(--space-2, 10px) var(--space-4, 18px);
    background: var(--color-brand, #3B82F6);
    color: #fff;
    border-radius: var(--radius-sm, 6px);
    font-weight: 600;
    font-size: var(--font-size-sm, 14px);
    text-decoration: none;
    transition: top 0.15s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
    top: var(--space-4, 16px);
    outline: 2px solid #fff;
    outline-offset: 2px;
}