/* ===== Shell: pale page, white rounded sheet ===== */

/* The query container: every responsive rule in responsive.css is an @container query on it */
.site-wrapper {
    container: site / inline-size;
}

.site-wrapper__page {
    padding: var(--sheet-margin);
    background: var(--page-gradient);
}

.sheet {
    max-width: var(--sheet-max);
    margin: 0 auto;
    background: var(--surface-primary);
    border-radius: var(--radius-2xl);
}

/* Anchors stop below the sticky header */
.site-content section {
    scroll-margin-top: calc(var(--header-height) + var(--space-4));
}