.container {
    width: min(100% - 40px, var(--container-width));
    margin-left: auto;
    margin-right: auto;
}

.skip-link {
    position: absolute;
    top: -60px;
    left: 12px;
    z-index: 9999;
    padding: 12px 20px;
    border-radius: var(--radius-sm);
    background: var(--color-brand-primary);
    color: var(--color-white);
    font-weight: 700;
    text-decoration: none;
    transition: top .2s ease;
}

.skip-link:focus {
    top: 12px;
}

.d-flex { display: flex; }
.align-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-md { gap: 24px; }

.section {
    padding: 80px 0;
}

@media (max-width: 768px) {
    .section {
        padding: 60px 0;
    }
}