/* Persistent navigation; the header keeps its original space in the layout. */
:root{--cybox-header-height:88px;--cybox-anchor-offset:104px}
html{scroll-padding-top:var(--cybox-anchor-offset)}
body>.header-shell{position:sticky;top:0;z-index:35;padding-top:12px;padding-bottom:12px;background:transparent}
.about-body>.header-shell{background:transparent}
.header-shell>.site-header{transition:box-shadow .2s ease,border-color .2s ease}
.header-shell.is-scrolled>.site-header{box-shadow:0 7px 28px #1823161a;border-color:#d8dfd2}
.skip-link{z-index:45}
.mobile-menu{max-height:calc(100dvh - var(--cybox-header-height) - var(--promo-space,0px) - 20px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(min-width:900px){.document-sidebar{top:var(--cybox-anchor-offset);max-height:calc(100dvh - var(--cybox-anchor-offset) - var(--promo-space,0px) - 24px)}}
@media(max-width:699px){:root{--cybox-header-height:72px;--cybox-anchor-offset:88px}body>.header-shell{padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.header-shell>.site-header{transition:none}}
@media print{body>.header-shell{position:static;padding-block:0}.header-shell>.site-header{box-shadow:none!important}.mobile-menu{display:none!important}.document-sidebar{position:static;max-height:none}}