.desktop-nav{gap:26px}
:root{--brand-mark-color:#327085}
:root[data-theme="dark"]{--brand-mark-color:#4ee4d9}
.brand .brand-mark{display:block;width:164px;height:auto;flex:none}
@media(max-width:760px){.brand .brand-mark{width:136px;height:45px}}
.site-footer nav{flex-wrap:wrap}
.site-footer .footer-brand img{width:190px;height:auto}
.footer-links{display:flex;flex-direction:column;gap:4px}
.site-footer nav.footer-policies{font-size:12px;gap:20px}
@media(max-width:760px){
  .site-footer{gap:6px;padding-block:12px}
  .site-footer .footer-brand{min-height:24px}
  .site-footer .footer-brand img{width:150px;height:auto}
  .footer-links{width:100%;gap:2px}
  .site-footer nav[aria-label="Footer navigation"]{display:flex;gap:0 16px;font-size:13px}
  .site-footer nav a{min-height:28px}
  .site-footer nav.footer-policies{gap:0 16px;font-size:12px}
}
@media(min-width:761px) and (max-width:1100px){
  .desktop-nav{display:none}
  .brand{margin-right:auto}
  .mobile-nav{display:block}
  .mobile-nav summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .menu-icon{width:20px;height:20px;mask:url('/site/assets/menu.svg') center/contain no-repeat;background:var(--ink)}
  .mobile-nav nav{position:absolute;top:87px;left:0;right:0;background:var(--paper);padding:20px 32px;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
  .mobile-nav nav a{display:flex;align-items:center;min-height:48px;text-decoration:none}
}

/* Persistent navigation keeps long research journeys easy to leave. */
.site-header{position:sticky;top:0;z-index:30}
/* Reserve the sticky header once; anchor targets add only their own spacing. */
html{scroll-padding-top:88px}
.mobile-nav nav{max-height:calc(100dvh - 88px);overflow-y:auto}
@media(max-width:760px){html{scroll-padding-top:76px}.mobile-nav nav{max-height:calc(100dvh - 76px)}}
