/* The image starts beside the brand; browsing and search follow the count strip. */
body.v5.v6-hub .v6-hub-hero.mg-hub-stage { display:grid; grid-template-columns:minmax(0,44fr) minmax(0,56fr); padding:0; gap:0; overflow:hidden; }
body.v5 .mg-hub-stage-copy { display:flex; flex-direction:column; min-width:0; background:#17263e; }
body.v5 .mg-hub-stage-brand { background:#17263e; border:0; }
body.v5 .mg-hub-stage-brand .mg-site-logo { min-height:0; padding:36px clamp(24px,3.8vw,58px) 8px; }
body.v5 .mg-hub-stage-brand .mg-site-logo img { max-width:590px; }
body.v5.v6-hub .mg-hub-stage .v6-hero-copy { flex:1; min-height:330px; padding:20px clamp(24px,3.8vw,58px) 40px; display:flex; flex-direction:column; justify-content:flex-start; }
body.v5 .mg-hub-kicker { display:block; width:fit-content; margin:0 0 26px; padding:0 0 14px; border-bottom:1px solid var(--v7-gold, #a49250); color:var(--v7-gold, #a49250); font:400 clamp(24px,2.1vw,32px)/1.15 var(--v5-serif); text-decoration:none; }
body.v5.v6-hub .mg-hub-stage .mg-header-art { grid-column:2; grid-row:1; padding:0; align-items:center; justify-content:center; border-right:16px solid #17263e; }
body.v5.v6-hub .mg-hub-stage .mg-art-window { max-width:none; width:100%; }
body.v5.v6-hub .mg-hub-stage .v6-breadcrumb { width:100%; margin:0; padding:10px clamp(24px,3.8vw,58px) 0; color:#c7ced8; font-size:22px; }
body.v5.v6-hub .mg-hub-stage .v6-stats { grid-column:1 / -1; width:100%; margin:0; max-width:none; background:#eee9df; }
body.v5.v6-hub .mg-hub-stage--plain .mg-hub-stage-copy { grid-column:1 / -1; }
body.v5.v6-hub .mg-hub-stage--plain .mg-site-logo { width:44%; }
body.v5.v6-hub .mg-hub-stage--plain .v6-hero-copy { min-height:240px; }
body.v5 .mg-hub-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; padding:14px clamp(24px,3.8vw,58px); position:sticky; top:var(--mg-nav-height,72px); z-index:1040; color:#fff; background:#17263e; border-top:1px solid var(--v7-gold, #a49250); border-bottom:1px solid var(--v7-gold, #a49250); box-shadow:0 5px 15px #17263e0b; }
body.v5 .mg-hub-bar .mg-hub-links { display:flex; flex-wrap:nowrap; gap:24px; margin:0; }
body.v5 .mg-hub-bar .mg-hub-links a { white-space:nowrap; font-size:22px; }
body.v5 .mg-hub-bar .mg-hub-search { max-width:480px; min-width:260px; }
body.v5 .mg-hub-bar .mg-hub-search input { height:42px; }
body.v5 .mg-hub-bar .mg-hub-search button { min-height:42px; }
html:has(.mg-hub-bar) { scroll-padding-top:calc(var(--mg-nav-height,72px) + var(--mg-hub-bar-height,72px) + 18px); }
body.v5.v6-article .author-aside,
body.v5.v6-article .article-toc { scroll-margin-top:calc(var(--mg-nav-height,72px) + var(--mg-hub-bar-height,72px) + 20px); }
body.v5.v6-article .author-aside { top:calc(var(--mg-nav-height,72px) + var(--mg-hub-bar-height,72px) + 20px); }
@media(max-width:1100px) {
 body.v5 .mg-hub-bar { gap:20px; padding-inline:24px; }
 body.v5 .mg-hub-bar .mg-hub-links { gap:18px; }
 body.v5 .mg-hub-bar .mg-hub-links a { font-size:22px; }
 body.v5 .mg-hub-bar .mg-hub-search { max-width:380px; }
}
@media(max-width:900px) {
 body.v5.v6-hub .v6-hub-hero.mg-hub-stage { grid-template-columns:minmax(0,1fr); }
 body.v5 .mg-hub-stage-brand .mg-site-logo { min-height:125px; padding:26px 24px; }
 body.v5 .mg-hub-stage-brand .mg-site-logo img { max-width:420px; }
 body.v5.v6-hub .mg-hub-stage .v6-hero-copy { min-height:0; padding:20px 24px 36px; }
 body.v5.v6-hub .mg-hub-stage .mg-header-art { grid-column:1; grid-row:2; border-right-width:10px; max-height:480px; }
 body.v5.v6-hub .mg-hub-stage .mg-art-window { max-width:650px; }
 body.v5.v6-hub .mg-hub-stage--plain .mg-site-logo { width:100%; }
 body.v5 .mg-hub-bar { flex-wrap:wrap; gap:10px; padding-block:10px; }
 body.v5 .mg-hub-bar .mg-hub-links { justify-content:space-between; width:100%; }
 body.v5 .mg-hub-bar .mg-hub-search { max-width:none; width:100%; }
}
@media(max-width:600px) {
 body.v5 .mg-hub-kicker { margin-bottom:22px; padding-bottom:12px; }
 body.v5 .mg-hub-bar { padding-inline:16px; }
 body.v5 .mg-hub-bar .mg-hub-links { gap:10px; }
 body.v5 .mg-hub-bar .mg-hub-links a { font-size:22px; min-height:32px; }
 body.v5 .mg-hub-bar .mg-hub-search input { height:38px; padding:7px 10px; }
 body.v5 .mg-hub-bar .mg-hub-search button { min-height:38px; padding-block:7px; }
}
/* Older article templates paint direct body divs white; keep this shared bar navy. */
body.v5.v6-article .mg-hub-bar { background:#17263e; }
/* Larger navigation labels wrap within narrow screens. */
@media(max-width:760px){body.v5 .mg-hub-bar .mg-hub-links{flex-wrap:wrap;justify-content:flex-start;column-gap:20px;row-gap:6px}body.v5 .mg-hub-bar .mg-hub-search{min-width:0}}
/* Continuous navy count strip; artwork meets its lower edge directly. */
body.v5.v6-hub .mg-hub-stage .v6-stats{background:#17263e}
body.v5.v6-hub .mg-hub-stage .v6-stats strong{color:#fff}
body.v5.v6-hub .mg-hub-stage .v6-stats small{color:#d4dce7}
body.v5.v6-hub .mg-hub-stage .v6-stats>div+div{border-color:#ffffff29}
body.v5.v6-hub .mg-hub-stage .mg-header-art{align-items:flex-end;background:#17263e}

/* Align the visible uppercase lettering, accounting for the SVG top whitespace. */
@media(min-width:1101px){body.v5 .mg-hub-stage-brand .mg-site-logo img{transform:translateY(-16.5%)}}

body.v5:has(.mg-hub-bar) .v6-sidebar{top:calc(var(--mg-nav-height,72px) + var(--mg-hub-bar-height,72px) + 24px)}