/* ===========================================================================
   custom.css — hand-authored styles for new designs & overrides.

   Loaded AFTER the Webflow-exported CSS (normalize / webflow / uat-arcadian),
   so rules here win. Put NEW components and design tweaks here rather than
   editing uat-arcadian.webflow.css (that file is machine-generated by Webflow
   and is effectively read-only).

   Reuse Webflow's existing classes/tokens where you can (see docs/building-
   pages.md); add scoped classes here only when a Figma design needs something
   the exported CSS doesn't already cover.
   =========================================================================== */

/* News & Info category pills (All/News/Blog): webflow.js strips any
   hand-added `w--current` class on init, so the active pill state is
   applied via this class instead of relying on that Webflow behavior. */
.blog-category-link.is-current-filter {
  border-color: var(--colors--arcadian-blue);
  background-color: var(--colors--arcadian-blue);
  color: var(--colors--white);
}

/* Main nav active-page state: Webflow's own w--current matching compares
   location.pathname to each link's href exactly, but this site's pages all
   resolve with a trailing slash (e.g. /about/) while the nav hrefs don't
   (href="/about"), so it never matches past the homepage. Computed at
   build time instead via page.url, applied through this class. */
.navbar-link.is-current-nav {
  border: 0px none var(--colors--dynamic-black);
  background-color: var(--colors--dynamic-black);
  color: var(--colors--white);
}