/* Shared platform navigation: mouse, touch and keyboard. */
.site-header{position:relative;z-index:20;overflow:visible;gap:20px}
.site-header .site-main-nav{display:flex;align-items:center;gap:20px;width:auto;flex-wrap:nowrap}
.site-main-nav>a,.header-nav-heading>a{white-space:nowrap}
.header-nav-group{position:relative;flex:none}
.header-nav-heading{display:flex;align-items:center;gap:2px}
.header-nav-heading>a{display:flex;align-items:center;min-height:44px}
.header-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:44px;padding:5px;background:transparent;border:0;border-radius:5px}
.header-nav-toggle svg{display:block;width:14px;height:14px;transition:transform .18s}
.header-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.header-submenu{display:none;position:absolute;top:100%;left:-16px;z-index:25;list-style:none;margin:0;padding:8px;width:225px;background:var(--paper);border:1px solid var(--ink);border-radius:10px;box-shadow:5px 7px 0 #23232316;text-align:left}
.header-nav-group.is-open>.header-submenu{display:block}
.header-submenu li{margin:0;padding:0}
.header-submenu a{display:flex;align-items:center;min-height:44px;padding:11px 13px;border-radius:5px;font-size:12px;font-weight:700;line-height:1.3;text-transform:none;white-space:nowrap}
.header-submenu a:hover,.header-submenu a:focus-visible{background:var(--lavender);text-decoration:none}
@media(max-width:1100px){.site-header{padding:12px 3%;gap:14px}.site-header .site-main-nav{gap:12px}.site-header .brand span{font-size:20px}.site-header .header-how-link{display:none}}
@media(max-width:760px){.site-header{flex-wrap:wrap;padding:12px 5%;gap:8px}.site-header .site-main-nav{width:100%;justify-content:space-between;gap:5px;font-size:11px}.site-header .brand span{font-size:21px}.site-header .header-nav-toggle{min-width:29px;padding:5px}.site-header .site-main-nav>.pill{padding:7px 14px;min-height:36px}.header-submenu{width:195px;left:-8px}.header-nav-group:nth-of-type(2)>.header-submenu{left:auto;right:-8px}}
@media(max-width:380px){.site-header{padding-inline:4%}.site-header .site-main-nav{font-size:10px;gap:2px}.site-header .header-nav-toggle{min-width:23px;padding:4px}.site-header .site-main-nav>.pill{padding:7px 11px}.header-submenu{width:180px}}
@media(prefers-reduced-motion:reduce){.header-nav-toggle svg{transition:none}}