/* Keep navigation independent from mode controls and page scroll height. */
html{scrollbar-gutter:stable}
.site-header .mode-switch{display:grid;grid-template-columns:repeat(2,54px);flex:none}
.site-header .mode-switch button{width:54px;white-space:nowrap;padding-inline:0}
@media(min-width:801px){
 .site-header{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(240px,1fr)}
 .header-brand-group{justify-self:start}
 .site-header nav{justify-self:center;white-space:nowrap}
 .header-end{justify-self:end}
}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}