/* One header geometry on every page so the logo never jumps between pages.
   Loaded after each page's own styles; :root raises specificity above page rules. */
html{scrollbar-gutter:stable}
:root .top.site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;min-height:0;width:min(1080px,calc(100vw - 40px));margin:0 calc(50% - min(540px,50vw - 20px));padding:22px 0}
:root .top.site-header.site-header-bar{width:auto;margin:0;padding:22px max(calc(50% - 50vw + 20px),calc(50% - 540px))}
:root .site-header .brand{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;text-decoration:none}
:root .site-header .brand img{display:block;width:min(450px,72vw);height:auto}
:root .site-header .date{flex:0 1 auto;min-width:0;text-align:right;line-height:1.3}
@media(max-width:600px){
 :root .top.site-header{width:calc(100vw - 28px);margin:0 calc(50% - 50vw + 14px);padding:14px 0}
 :root .top.site-header.site-header-bar{width:auto;margin:0;padding:14px calc(50% - 50vw + 14px)}
}