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

.section-pad {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.section-pad-sm {
    padding-block: clamp(2rem, 4vw, 3rem);
}

.prose-academic p {
    color: var(--text-muted);
    margin-bottom: 1rem;
}

.prose-academic p:last-child {
    margin-bottom: 0;
}

.bg-surface-soft {
    background: var(--surface-color);
}