/* Explain: App-specific layout utilities for spacing and background. */
.section-pad {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

@media (min-width: 768px) {
    .section-pad {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }
}

.section-alt {
    background: linear-gradient(180deg, var(--background-color), var(--surface-color) 50%, var(--background-color));
}