/* =============================================
   LAYOUT
   Container, grid e utilitários de layout.
   ============================================= */

.container {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* Skip link - acessibilidade */
.skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    background: var(--color-dark);
    color: var(--color-text-inverse);
    padding: var(--space-md) var(--space-2xl);
    z-index: var(--z-skip);
    font-size: var(--text-base);
    text-decoration: none;
    border-radius: 0 0 var(--radius-sm) 0;
}

.skip-link:focus {
    top: 0;
}