/* Extra resource links share the existing desktop and mobile navigation. */
.site-header .brand{flex-shrink:0}
@media(min-width:851px){.site-header .primary-nav{gap:16px;flex-wrap:wrap;justify-content:flex-end;padding-block:12px}}
header>.nav>nav{flex-wrap:wrap;gap:16px 22px}
@media(max-width:1100px){
 header>.nav{flex-direction:column;align-items:flex-start;padding-block:16px;gap:12px}
 header>.nav>nav{width:100%;font-size:13px;gap:8px 20px}
 header>.nav>nav>a,header>.nav>nav>a:nth-child(2){display:inline-flex;align-items:center;min-height:44px}
 header>.nav>nav>.contact-nav{border:0;padding-left:0}
 header .menu-toggle{display:flex;gap:12px;min-height:44px;padding:10px 12px;background:white;border:1px solid var(--line);border-radius:4px;color:var(--ink)}
 header #navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 5% 22px;flex-direction:column;align-items:stretch;gap:8px;background:white;box-shadow:0 10px 20px #10223d18;z-index:20}
 header #navigation.is-open{display:flex}
 header #navigation>a{padding:10px 0;min-height:44px}
 header #navigation>a.button{padding:14px}
}
@media(min-width:1101px){header #navigation{gap:20px}}