/* One shared sticky header across the public marketing pages. */
body > header.header.header,
body > header.spg-header,
body > header.mk-legal-top,
body > header.mk-nav{
    position:sticky;
    top:0;
    z-index:100;
    background:var(--cream,#faf9f3);
    box-shadow:0 1px 0 #183c2514;
}
html{scroll-padding-top:104px}
.header #mobile-nav{max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain}
.home-marketing > .header{margin-bottom:-88px}
@media(max-width:760px){
    html{scroll-padding-top:93px}
    .home-marketing > .header{margin-bottom:-77px}
}

/* Keep the shared wordmark independent of each page's body font. */
body > .header{font-family:'Roboto Flex',Roboto,Arial,sans-serif;font-optical-sizing:auto}
body > .header .brand{font-family:'Roboto Flex',Roboto,Arial,sans-serif}
.sponsoring-menu a[aria-current=page]{color:var(--green);background:#edf2e7}