/* ===========================
   PAGE SURFACE (Editorial / News)
   - Central white sheet under header (site-top + site-main)
   - NO border-radius anywhere
   =========================== */

:root {
    --page-max: 1280px;
    --page-pad: 24px;
    --page-surface: #ffffff;
    --page-border: transparent;
    --page-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

body {
    background: var(--bg);
}

/* editorial width */
.container {
    max-width: var(--page-max);
}

/* Central sheet: .site-top .container + .site-main .container */
.site-top .container,
.site-main .container {
    background: var(--page-surface);
    padding-left: var(--page-pad);
    padding-right: var(--page-pad);
}

/* Top cap (only when site-top exists) */
.has-site-top .site-top .container {
    box-shadow: var(--page-shadow);
    padding-top: 18px;
    padding-bottom: 10px;
}

/* Main continuation + bottom cap (default) */
.site-main .container {
    box-shadow: var(--page-shadow);
    padding-top: 18px;
    padding-bottom: 32px;
}

/* If site-top does NOT exist: main becomes the top cap */
.no-site-top .site-main .container {
}

/* wrappers transparent (let body bg show) */
.site-top,
.site-main {
    background: transparent;
}

/* Top region spacing, no “cards” */
.site-breadcrumb,
.site-highlighted,
.site-help {
    background: #ffffff;
    border: 0;
    border-radius: 0;
    box-shadow: var(--shadow-sm);
    padding: 12px 14px;
    margin: 0 0 12px 0;
}

/* Footer full width */
.site-footer {
    background: #ffffff;
    border-top: 0;
    padding: 28px 0;
}

.site-footer .container {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-left: var(--page-pad);
    padding-right: var(--page-pad);
}

@media (max-width: 40rem) {
    :root {
        --page-pad: 16px;
    }
}