/* Keep document navigation visible in the narrower in-app browser as well as on phones. */
.header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px}
.navigation-row{display:flex;align-items:center;gap:24px;min-width:0}
.desktop-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:8px;padding:6px 2px;scrollbar-width:thin}
.desktop-nav a{flex-shrink:0;white-space:nowrap;padding:10px 11px;border-radius:10px;font-size:13px;min-height:44px}
.desktop-nav a:hover{background:var(--cloud);text-decoration:none}
.desktop-nav a[aria-current=page]{background:var(--cloud);color:var(--blue-deep);text-decoration:none}
.site-header .data-toggle{position:static;flex-shrink:0;min-height:44px;padding:4px 0;background:transparent;border:0;border-radius:0;font-size:11px;display:flex}
.site-header .data-toggle>svg{display:none}
.mobile-menu{max-height:60svh;overflow-y:auto;overscroll-behavior-y:contain}
.mobile-menu a[aria-current=page]{background:var(--cloud);border-radius:10px;padding-inline:14px;text-decoration:none}
.site-header:has(.mobile-menu:not([hidden])) .data-toggle{display:flex}
@media(min-width:1200px){.menu-toggle{display:none}.navigation-row{justify-content:center}.desktop-nav{flex:0 1 auto}.mobile-menu{display:none}}
@media(max-width:1199px){
 .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:0 20px;padding-block:10px 0;min-height:0}
 .header-inner>.brand{grid-column:1;grid-row:1;min-height:54px;justify-self:start}
 .header-tools{grid-column:2;grid-row:1;gap:14px}
 .menu-toggle{display:flex;align-items:center;justify-content:center}
 .navigation-row{grid-row:2;grid-column:1/-1;gap:24px;border-top:1px solid var(--line);margin-top:8px;min-height:58px}
 .desktop-nav{display:flex;gap:4px;padding-block:6px}
 :root{scroll-padding-top:155px}
}
@media(max-width:699px){
 .header-inner{width:calc(100% - 32px);padding-top:6px;gap:0 8px}
 .header-inner>.brand{min-height:54px}
 .header-tools{gap:6px}
 .navigation-row{gap:12px;min-height:54px;margin-top:6px}
 .desktop-nav{padding:5px 1px;scrollbar-width:none}
 .desktop-nav::-webkit-scrollbar{display:none}
 .desktop-nav a{font-size:12px;padding:9px 12px;min-height:44px}
 .site-header .data-toggle{font-size:10px;gap:5px;padding-left:10px;border-left:1px solid var(--line);min-height:36px}
 .toggle-track{width:22px;height:14px}
 .toggle-track:after{width:8px;height:8px}
 .data-toggle[aria-pressed=true] .toggle-track:after{transform:translateX(8px)}
 :root{scroll-padding-top:145px}
}