/* Load after the page styles. Navigation remains visible if JavaScript fails. */
.nav #nav-toggle{display:none}
.nav .brand,.nav ul a,.nav .btn{min-height:44px}
.nav ul a{display:inline-flex;align-items:center}
section[id],header[id]{scroll-margin-top:calc(var(--site-header-height,64px) + 16px)}

@media (min-width:861px) and (max-width:1100px){
  .nav .wrap{gap:16px}
  .nav ul{gap:16px}
  .nav ul a{font-size:13px}
  .nav .brand small{display:none}
}

@media (max-width:860px){
  .nav .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:auto;min-height:72px;gap:8px 12px;padding-block:12px}
  .nav .brand{grid-column:1;grid-row:1;min-width:0;justify-self:start}
  .nav .brand small{display:none}
  .nav .wrap>.btn{grid-column:3;grid-row:1;margin-left:0;justify-content:center}
  .nav #primary-nav{display:flex;flex-wrap:wrap;grid-column:1/-1;grid-row:2;gap:4px 20px;width:100%;margin:0;padding-top:8px;border-top:1px solid var(--line-dk)}
  .nav #primary-nav a{padding:8px 0;color:var(--text);font-size:14px}
  .nav.nav-ready #nav-toggle{display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:10px 12px;border:1px solid var(--line-dk);border-radius:3px;background:transparent;color:var(--text);font:500 14px/1 var(--f-body);cursor:pointer}
  .nav.nav-ready #nav-toggle:hover{border-color:var(--muted)}
  .nav.nav-ready #nav-toggle[aria-expanded="true"]{border-color:var(--amber);color:var(--amber)}
  .nav.nav-ready #primary-nav{display:none}
  .nav.nav-ready.nav-is-open #primary-nav{display:flex}
}

@media (max-width:480px){
  .nav .wrap{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .nav .wrap>.btn{grid-column:1/-1;grid-row:2}
  .nav #primary-nav{grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
  .nav.nav-ready.nav-is-open #primary-nav{display:grid}
  section[id],header[id]{scroll-margin-top:calc(var(--site-header-height,120px) + 16px)}
}