/* ── Layout: containers, grids ───────────────────────────────────── */

.delta-container {
    width: 100%;
    max-width: var(--delta-container-max);
    margin: 0 auto;
    padding: 0 var(--delta-space-6);
}

.delta-container-narrow {
    max-width: var(--delta-container-narrow);
    margin: 0 auto;
    padding: 0 var(--delta-space-6);
}

.delta-section {
    padding: var(--delta-space-16) 0;
}

.delta-section--sm { padding: var(--delta-space-10) 0; }
.delta-section--lg { padding: var(--delta-space-24) 0; }

.delta-grid {
    display: grid;
    gap: var(--delta-space-6);
}

.delta-grid-2 { grid-template-columns: repeat(2, 1fr); }
.delta-grid-3 { grid-template-columns: repeat(3, 1fr); }
.delta-grid-4 { grid-template-columns: repeat(4, 1fr); }

.delta-grid-auto {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

@media (max-width: 768px) {
    .delta-grid-2,
    .delta-grid-3,
    .delta-grid-4 { grid-template-columns: 1fr; }
}

/* Page wrapper */
.delta-page {
    min-height: calc(100vh - var(--delta-topbar-height));
    padding: var(--delta-space-8) 0;
}

.delta-page-header {
    margin-bottom: var(--delta-space-8);
}

.delta-page-header h1 {
    margin-bottom: var(--delta-space-2);
}

.delta-page-header__subtitle {
    color: var(--delta-gray-500);
    font-size: var(--delta-fs-lg);
    margin: 0;
}