/* Only page geometry lives here. Header design comes from the shared React source. */
:root{--site-header-height:calc(84px + env(safe-area-inset-top, 0px))}
html{scroll-padding-top:calc(var(--site-header-height) + 12px)}
.site-header-host{position:sticky;top:0;z-index:90;min-height:var(--site-header-height)}
@media(min-width:701px){main{min-height:calc(100svh - var(--site-header-height))}}
@media(max-width:760px){:root{--site-header-height:calc(68px + env(safe-area-inset-top, 0px))}}