/* Shared outer grid for all public pages; loaded after legacy page styles. */
:root{--site-content-max:1400px;--site-gutter:56px}
html{scrollbar-gutter:stable}
html body:is(.web-home,.journal-page,.article-page,.region-page) .wrap,
html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .wrap.nav-row{
  box-sizing:border-box;
  width:calc(100% - var(--site-gutter) * 2)!important;
  max-width:var(--site-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .nav-row{height:94px!important;min-height:0!important}
@media(min-width:981px){
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header nav#main-nav{display:flex!important}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .menu-toggle{display:none!important}
}
@media(max-width:1200px){:root{--site-gutter:36px}}
@media(max-width:980px){
  :root{--site-gutter:24px}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .nav-row{height:78px!important}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .brand-full-logo{width:216px!important;margin-left:-22px!important}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:36px;height:36px;padding:7px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-left:auto}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);flex-shrink:0}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header nav#main-nav{display:none!important;position:absolute!important;left:0!important;right:0!important;top:78px!important;width:auto!important;padding:16px var(--site-gutter) 22px!important;background:var(--paper)!important;box-shadow:0 12px 20px #0001;flex-direction:column!important;gap:0!important;align-items:stretch!important;border-top:1px solid var(--line)}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header nav#main-nav.open{display:flex!important}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header nav#main-nav a{padding:13px 0!important;font-size:14px!important}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header nav#main-nav a:after{bottom:7px!important;max-width:28px}
}
@media(max-width:720px){
  :root{--site-gutter:20px}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header .nav-row{height:74px!important}
  html body:is(.web-home,.journal-page,.article-page,.region-page) header.site-header nav#main-nav{top:74px!important}
}