/**
 * Layout: skip link, main wrapper and page-specific main variants
 */

.skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 100;
    padding: 0.75rem 1rem;
    background: var(--color-accent);
    color: var(--color-invert);
    font-size: 1rem;
    text-decoration: none;
    transition: top 0.2s ease;
}
.skip-link:focus {
    top: 0;
    outline: 2px solid var(--color-content);
    outline-offset: 2px;
}

.main {
    min-height: 100vh;
}

.main--home {
    padding-top: 39px;
}

.main--page {
    padding-top: 0;
}

.main--with-top {
    padding-top: 39px;
}