/* Explain: Shared layout and typography utility classes for sections and headings. */
.section-shell {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.gold-label {
    color: var(--accent-color);
    font-size: 1.56rem;
    font-weight: 700;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}

.gold-label-lg {
    font-size: 1.56rem;
    letter-spacing: 0.26em;
}

.display-heading {
    font-family: var(--font-heading);
    line-height: 1.05;
    letter-spacing: -0.01em;
}

.body-copy {
    color: var(--text-muted);
    line-height: 1.9;
}

@media (max-width: 767px) {
    .section-shell {
        width: min(100% - 1.5rem, 1180px);
    }
}
===