/* Explain: Utility classes for page structure and section spacing. */
.shell {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1.25rem;
}

.section {
    padding-block: clamp(3.5rem, 8vw, 6rem);
}

.section-alt {
    background: var(--surface-color);
}

.section-tight {
    padding-block: clamp(2.5rem, 5vw, 3.5rem);
}

.desc-start {
    margin-inline: 0;
}

section[id],
main[id] {
    scroll-margin-top: 5rem;
}