.skip-link {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 10000;
    padding: 0.75rem 1rem;
    border: 2px solid var(--gold, #D4A853);
    border-radius: 0.25rem;
    background: var(--bg, #FFFFFF);
    color: var(--text, #1A1A1A);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.18);
    text-decoration: none;
    transform: translateY(calc(-100% - 2rem));
    transition: transform 0.2s ease;
}

.skip-link:focus {
    outline: 3px solid var(--gold, #D4A853);
    outline-offset: 3px;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .skip-link {
        transition: none;
    }
}

#main-content {
    scroll-margin-top: 5rem;
}