.brand-skip-link {
    position: fixed;
    z-index: 3000;
    top: 0.75rem;
    left: 0.75rem;
    padding: 0.65rem 0.9rem;
    color: var(--brand-text-primary, #414141);
    background-color: var(--brand-surface-light, #FFFFFF);
    border: 2px solid var(--brand-text-primary, #414141);
    border-radius: 0.25rem;
    transform: translateY(-200%);
}

.brand-skip-link:focus {
    color: var(--brand-text-primary, #414141);
    outline: 3px solid var(--brand-focus-indicator, #00341A);
    outline-offset: 2px;
    transform: translateY(0);
}

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

@media (forced-colors: active) {
    .brand-skip-link {
        color: LinkText;
        background-color: Canvas;
        border-color: LinkText;
    }

    .brand-skip-link:focus {
        outline-color: Highlight;
    }
}