/* Explain: Spacing, section rhythm, and presentation-board layout utilities */
.section-pad {
    padding-top: clamp(5rem, 9vw, 8rem);
    padding-bottom: clamp(5rem, 9vw, 8rem);
}

.content-shell {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.wide-shell {
    width: min(100% - 1rem, 1440px);
    margin-inline: auto;
}

.board-grid {
    background-image:
        linear-gradient(rgba(32, 33, 36, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(32, 33, 36, 0.045) 1px, transparent 1px);
    background-size: 42px 42px;
}

.layered-offset {
    transform: translateY(clamp(-3rem, -5vw, -1.5rem));
}

@media (max-width: 767px) {
    .layered-offset {
        transform: none;
    }
}