/* Explain: App-specific layout utilities (add as needed) */
.container-x {
    margin-inline: auto;
    width: 100%;
    max-width: 74rem;
    padding-inline: 1.25rem;
}

@media (min-width: 640px) {
    .container-x {
        padding-inline: 2rem;
    }
}

.section-pad {
    padding-block: 4.5rem;
}

@media (min-width: 768px) {
    .section-pad {
        padding-block: 6rem;
    }
}

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

.divider-gold {
    width: 3rem;
    height: 3px;
    border-radius: 999px;
    background: var(--accent-color);
}