/* Two rows: the domain, then its pages. A left rail was considered and rejected
   — see D25. It reads well at 1440 but costs a third row of chrome on a phone,
   which is the axis where space is actually scarce here. */
#nav{padding:14px 0 0}
.navDom{display:flex;gap:2px;align-items:baseline;margin-bottom:8px}
.navDom .dom{font:600 15px/1 var(--ui,Archivo,sans-serif);letter-spacing:-.01em;
  color:var(--ink3);padding:6px 12px 8px;text-decoration:none;border-bottom:2px solid transparent}
.navDom .dom:hover{color:var(--ink2)}
.navDom .dom[aria-current=true]{color:var(--ink);border-bottom-color:var(--hot)}
.navTabs{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.navTabs a{font:500 12.5px/1 var(--ui,Archivo,sans-serif);color:var(--ink3);
  padding:8px 12px;border-radius:3px;text-decoration:none;border:1px solid transparent}
.navTabs a:hover{color:var(--ink);background:var(--panel)}
.navTabs a[aria-current=page]{color:var(--ink);background:var(--panel);border-color:var(--line)}
@media (max-width:520px){
  .navDom .dom{font-size:14px;padding:6px 9px 7px}
  .navTabs a{padding:7px 9px;font-size:12px}
}