/* ── Unified site header ───────────────────────────────────────────────
   One canonical top bar for every content page. Each page historically had
   its own header classes (tr-/sv-/sh-/ac-/cb-/p-/m-) with different heights,
   insets and link typography — so the bar shifted as you navigated. These
   grouped selectors + !important normalise all of them to a single look.
   The dictionary/index masthead is intentionally left alone.

   ⚠️ DESKTOP ONLY: everything sits inside @media (min-width:700px). Below
   700px the site collapses the header to wordmark + Menu pill (site-menu.js
   + per-page mobile CSS) — an unscoped !important display:flex here defeated
   that collapse and left the desktop links overlapping the Menu button. */

@media (min-width:700px){

/* the bar */
.tr-nav, .sv-nav, .sh-nav, .ac-nav, .cb-nav, .p-nav, .m-nav{
  height:52px !important;
  padding:0 clamp(20px,3vw,48px) !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
}

/* wordmark */
.tr-logo, .sv-logo, .sh-logo, .ac-logo, .cb-logo, .p-logo, .m-logo{
  font:900 19px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:-.03em !important;
  color:var(--ink) !important;
  flex:none !important;
  text-decoration:none !important;
}

/* section-link row */
.tr-nav-links, .sv-nav-links, .sh-nav-links, .ac-nav-links, .cb-nav-links, .p-nav-links, .m-nav-links{
  display:flex !important;
  align-items:center !important;
  gap:clamp(18px,2vw,28px) !important;
  margin:0 0 0 clamp(22px,3vw,44px) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  overflow:visible !important;
}

/* section links */
.tr-nav-links a, .sv-nav-links a, .sh-nav-links a, .ac-nav-links a, .cb-nav-links a, .p-nav-links a, .m-nav-links a{
  color:var(--mute) !important;
  opacity:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:color .15s !important;
}
.tr-nav-links a:hover, .sv-nav-links a:hover, .sh-nav-links a:hover, .ac-nav-links a:hover, .cb-nav-links a:hover, .p-nav-links a:hover, .m-nav-links a:hover{
  color:var(--ink) !important;
}
.tr-nav-links a.is-active, .sv-nav-links a.is-active, .sh-nav-links a.is-active, .ac-nav-links a.is-active, .cb-nav-links a.is-active, .p-nav-links a.is-active, .m-nav-links a.is-active{
  color:var(--ink) !important;
  font-weight:700 !important;
}

/* right cluster: theme toggle + Profile, consistent spacing, pushed right */
.tr-nav .nav-right, .sv-nav .nav-right, .sh-nav .nav-right, .ac-nav .nav-right,
.cb-nav .nav-right, .p-nav .nav-right, .m-nav .m-nav-right{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}

/* drop page-specific header extras that break the shared look */
.m-nav .m-issue,
.sh-nav .sh-nav-cta,
.p-nav .p-nav-cta,
.cb-nav .cb-count{ display:none !important; }

} /* end min-width:700px */