/* The thin prototype bar scrolls away; the shared site navigation remains visible. */
:root{--site-header-height:90px}
html{scroll-padding-top:calc(var(--site-header-height) + 12px)}
.site-navigation{position:sticky;top:0;z-index:40;background:var(--paper)}
.site-navigation .mobile-navigation{max-height:calc(100dvh - var(--site-header-height));overflow-y:auto;overscroll-behavior:contain}
@media print{html{scroll-padding-top:0}.site-navigation{position:static;display:contents}.site-navigation .mobile-navigation{display:none!important}}
@media(max-width:360px){.site-navigation .site-header{padding-inline:10px;column-gap:4px}.site-navigation .brand{font-size:19px}.site-navigation .brand-mark{width:24px;height:24px}.site-navigation .header-actions .button.small{padding-inline:6px}}