/* A normal navigation link alongside (not inside) the existing ARIA tablist. */
.site-navigation{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;flex:1}
.site-navigation .site-tabs{flex:none;margin:0}
.community-nav-link,.satellite-nav-link{display:inline-flex;align-items:center;flex:none;min-height:40px;padding:0 12px;font:600 14px/1.2 var(--site);color:var(--muted);text-decoration:none;border-radius:8px;white-space:nowrap}
.community-nav-link:hover,.satellite-nav-link:hover{color:var(--ink);background:var(--ui-soft)}
.community-nav-link:focus-visible,.satellite-nav-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
@media(max-width:1200px){:root{--nav-h:112px}body>.site-nav{flex-wrap:wrap;gap:6px 12px;padding-block:8px;height:var(--nav-h);flex-basis:var(--nav-h)}body>.site-nav .app-logo-image{width:40px;height:40px;flex-basis:40px}.site-navigation{order:3;flex:0 0 100%;max-width:100%;justify-content:flex-start;overflow-x:auto;min-height:44px}.site-nav .nav-actions{margin-left:auto}.community-nav-link,.satellite-nav-link{font-size:13px;padding:0 10px}}
@media(max-width:600px){.site-navigation{justify-content:flex-start;gap:2px}.site-navigation .site-tabs{overflow:visible;min-width:max-content}.community-nav-link,.satellite-nav-link{font-size:12px;padding:0 4px}}
/* The wrapper, rather than its nested tablist, owns the shell's second row. */
@media(max-width:1200px){
  body>.site-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:56px 44px;gap:4px 12px;align-content:center}
  body>.site-nav>.brand{grid-row:1;grid-column:1;min-width:0}
  body>.site-nav>.nav-actions{grid-row:1;grid-column:2}
  body>.site-nav>.site-navigation{grid-row:2;grid-column:1/-1;width:100%;height:44px;min-width:0}
}
/* 432px hid the wordmark and clipped Referral to "Referra". Guide, Forum, and Referral stay in the footer. */
@media(max-width:480px){
  body>.site-nav .brand-name{display:inline}
}
@media(max-width:440px){
  .community-nav-link,.satellite-nav-link{display:none}
  .site-navigation .site-tabs{flex:1 1 auto;width:100%;min-width:0}
  .site-navigation .site-tabs>button{flex:1 1 auto;min-width:min-content;white-space:nowrap}
}