/* Header tabs: "Ink Flow" hover (approved by NiTiN, 6 Nov 2026).
   Laptops and desktops only. The navy fill spreads from the point where the mouse enters a tab
   and pulls back to the point where it leaves. co-nav-ink.js only records those two points;
   without it the fill simply grows from the middle. Phones keep the old header look. */
@media (min-width: 992px) and (hover: hover) {
  nav.navbar .navbar-nav.mx-auto .nav-link { position: relative; isolation: isolate; transition: color .3s ease; }
  nav.navbar .navbar-nav.mx-auto .nav-link::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background: linear-gradient(135deg, #283782, #3b5bdb);
    clip-path: circle(0px at var(--ex, 50%) var(--ey, 50%));
    transition: clip-path .55s cubic-bezier(.22, 1, .36, 1);
  }
  nav.navbar .navbar-nav.mx-auto .nav-link:hover::before,
  nav.navbar .navbar-nav.mx-auto .nav-link:focus-visible::before,
  nav.navbar .navbar-nav.mx-auto .nav-link.show::before { clip-path: circle(150% at var(--ex, 50%) var(--ey, 50%)); }
  nav.navbar .navbar-nav.mx-auto .nav-link:hover,
  nav.navbar .navbar-nav.mx-auto .nav-link:focus-visible,
  nav.navbar .navbar-nav.mx-auto .nav-link.show { background-color: transparent !important; background-image: none !important; color: #fff !important; }
  nav.navbar .navbar-nav.mx-auto .nav-link:hover svg *,
  nav.navbar .navbar-nav.mx-auto .nav-link:focus-visible svg * { stroke: #fff; }
}
@media (prefers-reduced-motion: reduce) {
  nav.navbar .navbar-nav.mx-auto .nav-link::before { transition: none; }
}