:root {
    --academy-page-gutter: clamp(20px, 6vw, 122px);
}

/* Keep the header, service navigation and page content on one grid. */
.header-premium .header > .container {
    padding-left: var(--academy-page-gutter) !important;
    padding-right: var(--academy-page-gutter) !important;
}

.header-premium .header__menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* A page heading is part of the content flow, not a separate card. */
.about-page-nav,
.about-page-nav__summary {
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1024px) {
    :root {
        --academy-page-gutter: clamp(14px, 4vw, 28px);
    }

    .header-premium .header > .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}