.container-top-a {
    display: grid;
    grid-template-columns: 1fr;
}


/* ===== InnerSelf — Cassiopeia static width + column control ===== */
:root {
    --page-max-width: 1320px;     /* THE static-width setting (default is 1320) */
    --sidebar-left-width: 240px;
    --sidebar-right-width: 300px;
    --grid-gap: 2rem;
}

/* Set the static page width — body.wrapper-static wins the specificity
   battle against Cassiopeia's own .site-grid container rules */
body.wrapper-static .site-grid,
body.wrapper-static .container-header,
body.wrapper-static .container-footer {
    max-width: var(--page-max-width);
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    body.wrapper-static.has-sidebar-left.has-sidebar-right .site-grid {
        display: grid;
        grid-template-columns: var(--sidebar-left-width) minmax(0,1fr) var(--sidebar-right-width);
        gap: var(--grid-gap);
    }
    body.wrapper-static.has-sidebar-left.has-sidebar-right .container-sidebar-left  { grid-column: 1; }
    body.wrapper-static.has-sidebar-left.has-sidebar-right .container-component     { grid-column: 2; }
    body.wrapper-static.has-sidebar-left.has-sidebar-right .container-sidebar-right { grid-column: 3; }

    body.wrapper-static.has-sidebar-left:not(.has-sidebar-right) .site-grid {
        display: grid;
        grid-template-columns: var(--sidebar-left-width) minmax(0,1fr);
        gap: var(--grid-gap);
    }
    body.wrapper-static.has-sidebar-left:not(.has-sidebar-right) .container-sidebar-left { grid-column: 1; }
    body.wrapper-static.has-sidebar-left:not(.has-sidebar-right) .container-component    { grid-column: 2; }

    body.wrapper-static.has-sidebar-right:not(.has-sidebar-left) .site-grid {
        display: grid;
        grid-template-columns: minmax(0,1fr) var(--sidebar-right-width);
        gap: var(--grid-gap);
    }
    body.wrapper-static.has-sidebar-right:not(.has-sidebar-left) .container-component     { grid-column: 1; }
    body.wrapper-static.has-sidebar-right:not(.has-sidebar-left) .container-sidebar-right { grid-column: 2; }

    body.wrapper-static .site-grid .full-width { grid-column: 1 / -1; }
}


/* Top and bottom rows span the full grid width, not a single sidebar track */
    body.wrapper-static .container-top-a,
    body.wrapper-static .container-top-b,
    body.wrapper-static .container-bottom-a,
    body.wrapper-static .container-bottom-b,
    body.wrapper-static .container-banner {
        grid-column: 1 / -1;
    }

header.container-header {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Inline logo, menu, and search in one row */
header.container-header {
    display: flex !important;
    align-items: center;
    padding: 0.5rem 1rem;
}

header.container-header .grid-child {
    display: contents;
}

header.container-header .navbar-brand {
    flex: 0 0 auto;
}

header.container-header .container-nav {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

header.container-header .mod-menu {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0.25rem;
}

header.container-header .container-search {
    flex: 0 0 auto;
}