/* Top tab menu: on wider screens each tab sizes to its title so titles stay on one line.
   Loaded after brand.css. Colors, weight and border come from brand.css. Phones (under 640px) are unchanged. */
@media (min-width: 1200px) {
  html body #header nav[aria-label="Site"] .site-tabs { gap: 0.4rem !important; }
  html body #header nav[aria-label="Site"] .site-tabs .nav-item { flex: 1 1 auto !important; min-width: 0; }
  html body #header nav[aria-label="Site"] .site-tabs .nav-link,
  html body #header nav[aria-label="Site"] .site-tabs .nav-link.tab-cross-site {
    white-space: nowrap !important; font-size: 0.8rem !important; padding: 0.45rem 0.7rem !important; justify-content: center;
  }
}
/* 640-1199px: same idea, slightly smaller text; a title may use 2 lines only below 1024px. */
@media (min-width: 640px) and (max-width: 1199.98px) {
  html body #header nav[aria-label="Site"] .site-tabs .nav-item { flex: 1 1 auto !important; min-width: 0; }
  html body #header nav[aria-label="Site"] .site-tabs .nav-link,
  html body #header nav[aria-label="Site"] .site-tabs .nav-link.tab-cross-site { font-size: 0.74rem !important; padding: 0.4rem 0.5rem !important; }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  html body #header nav[aria-label="Site"] .site-tabs .nav-link,
  html body #header nav[aria-label="Site"] .site-tabs .nav-link.tab-cross-site { white-space: nowrap !important; }
}
@media (min-width: 1200px) {
  html body #header nav[aria-label="Site"] .site-tabs { width: 100% !important; justify-content: stretch !important; }
  html body #header nav[aria-label="Site"] .site-tabs .nav-item { flex: 1 1 auto !important; }
  html body #header nav[aria-label="Site"] .site-tabs .nav-link { width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  html body #header nav[aria-label="Site"] .site-tabs { gap: 0.3rem !important; }
  html body #header nav[aria-label="Site"] .site-tabs .nav-link,
  html body #header nav[aria-label="Site"] .site-tabs .nav-link.tab-cross-site { font-size: 0.72rem !important; padding: 0.4rem 0.45rem !important; }
}
/* Eight-tab menus (Walk of Grit) with the long football title: slightly smaller text so every title stays on one line inside its tab. */
@media (min-width: 1024px) and (max-width: 1199.98px) {
  html body #header nav[aria-label="Site"] .site-tabs:has(> .nav-item:nth-child(8)) .nav-link { font-size: 0.64rem !important; padding: 0.4rem 0.4rem !important; }
}
@media (min-width: 1200px) {
  html body #header nav[aria-label="Site"] .site-tabs:has(> .nav-item:nth-child(8)) .nav-link { font-size: 0.74rem !important; padding: 0.45rem 0.55rem !important; }
}
/* Football tab: full title on wider screens, short title on phones. */
html body #header nav[aria-label="Site"] .site-tabs .tab-short { display: none; }
@media (max-width: 599.98px) {
  html body #header nav[aria-label="Site"] .site-tabs .tab-long { display: none; }
  html body #header nav[aria-label="Site"] .site-tabs .tab-short { display: inline; }
}