/*
 * Shared header width for the editorial layout.
 * Keep article reading columns narrow while allowing navigation
 * to align with the featured articles and category sliders.
 */
.site-header > .site-header__inner.site-shell,
.site-header .site-nav-panel > .site-shell {
    width: 100%;
    max-width: 1160px;
    padding-inline: clamp(1.15rem, 3.4vw, 2.25rem);
}

.site-header::after {
    width: min(1160px, 100%);
}

@media (max-width: 767.98px) {
    .site-header > .site-header__inner.site-shell,
    .site-header .site-nav-panel > .site-shell {
        padding-inline: clamp(1.15rem, 3.4vw, 2.25rem);
    }
}