/*
 * header-nav.css — "A · Underline" treatment for the DESKTOP banner nav
 * (nav redesign canvas 2026-09-05; Ryan "soulless bubbles" 2026-09-01).
 *
 * Desktop only: #main-header .main-nav is display:none under the mobile
 * breakpoint and the hamburger drawer (.mobile-main-nav) is untouched.
 * Shipped as a separate sheet loaded AFTER style/min.css with the same
 * compiled selectors, so the core stylesheets stay byte-identical
 * (the 2026-09-07 hand-spliced min.css dropped the box-sizing reset).
 */
#main-header .logo-nav .main-nav ul li a {
  padding: 6px 12px 4px;
  line-height: 22px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  transition: color 0.18s ease, border-color 0.18s ease;
}
#main-header .logo-nav .main-nav ul li:hover a,
#main-header .logo-nav .main-nav ul li:focus-within a {
  color: #1d1d1d;
  border-bottom-color: rgba(34, 185, 236, 0.4);
  background: transparent;
}
#main-header .logo-nav .main-nav ul li.active a {
  color: #1d1d1d;
  font-weight: 600;
  border-bottom-color: #22b9ec;
  background: transparent;
}
html.supports-dark-mode.theme-dark #main-header .logo-nav .main-nav ul li.active a,
html.supports-dark-mode.theme-dark #main-header .logo-nav .main-nav ul li:hover a,
html.supports-dark-mode.theme-dark #main-header .logo-nav .main-nav ul li:focus-within a {
  color: #fff;
}