/* Shared header for all pages and viewport sizes. */
:root{--site-header-height:93px}
html{scroll-padding-top:calc(var(--site-header-height) + 16px)}
.site-header{position:sticky;top:0;left:0;right:0;width:100%;margin:0;background:var(--green);color:var(--cream)}
.site-header :focus-visible{outline-color:var(--yellow)}
@media(max-width:1279px){
  :root{--site-header-height:79px}
  .site-header .navigation{background:var(--green);color:var(--cream);max-height:calc(100dvh - var(--site-header-height) - max(8px,env(safe-area-inset-bottom)));overscroll-behavior:contain}
}
@media(max-width:700px){:root{--site-header-height:81px}}
@media print{.site-header{position:static}}