/* 
 * Layout Editorial Improvements 
 * -----------------------------
 * Application: Intended for use inside .ast-container or global context.
 */

/* Editorial Section Spacing */
.dil-layout-section {
    padding: var(--dil-section-spacing) 0;
}

/* Card Grid Improvement */
.dil-layout-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--dil-card-gap);
}

/* Content Padding */
.dil-layout-content-wrapper {
    padding: var(--dil-content-padding);
}

/* Global Editorial Navigation */
.editorial-nav {
    background: var(--dil-background-color);
    padding: var(--dil-spacing-sm) 0;
    border-bottom: 1px solid var(--dil-border-color);
}
.editorial-menu-list {
    display: flex;
    justify-content: center;
    gap: var(--dil-spacing-lg);
    list-style: none;
    padding: 0;
    margin: 0;
}
.editorial-menu-list a {
    text-decoration: none;
    color: var(--dil-text-color);
    font-weight: var(--dil-font-weight-bold);
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.editorial-menu-list a:hover {
    color: var(--dil-primary-color);
}

.dil-layout-grid-main {
    display: grid;
    grid-template-columns: 1fr var(--dil-sidebar-width);
    gap: var(--dil-layout-gap);
    align-items: start;
}

.dil-layout-sidebar {
    width: 100%;
}

/* Scoped Sidebar Grid Integration (Editorial Layout) */
body.dil-sidebar-layout .ast-container {
    display: grid !important;
    grid-template-columns: 3fr 1fr;
    gap: var(--dil-layout-gap);
    align-items: start;
    max-width: var(--dil-container-max-width) !important;
}

/* Normalization for scoped layouts */
body.dil-sidebar-layout .ast-container #primary,
body.dil-sidebar-layout .ast-container #secondary {
    display: block !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Responsive Infrastructure Safeguards */
@media (max-width: 920px) {
    body.dil-sidebar-layout .ast-container {
        grid-template-columns: 1fr;
        gap: var(--dil-spacing-lg);
    }
}

