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

.page {
    min-height: 100vh;
    padding-top: var(--nav-height);
}

.two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
}

.two-col--60-40 {
    grid-template-columns: 3fr 2fr;
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gap);
}

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gap);
}

.divider {
    border: none;
    border-top: var(--border-thin);
    margin: var(--space-md) 0;
}