/* Changes on top of the mirrored Webflow site. Injected into every page by
   scripts/apply_overrides.py; keep selectors scoped so other pages stay as-is. */

/* Original Webflow pages (homepage, DPP, EPD): frosted top bar while it sits over
   the hero. Live site uses blur(10px) with no tint, which barely shows. */
#navbar.is-transparent {
  background-color: rgba(20, 20, 16, 0.35) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;
  backdrop-filter: blur(24px) saturate(1.2) !important;
}

/* Content pages: pasted tables and chart embeds must use the site font, even if
   new CMS content brings its own font-family again (see scripts/clean_content.py). */
.w-richtext table,
.w-richtext th,
.w-richtext td,
.w-richtext .w-embed,
.w-richtext svg,
.w-richtext svg text {
  font-family: Circularstd, sans-serif !important;
}

/* FAQ accordions (DPP, EPD): every box spans the full width. Webflow sized them to their
   content, so a question with a short answer ("Is our data secure and EU-hosted?") came out narrower. */
.faq1_accordion { width: 100%; align-self: stretch; }

/* Root size fixed per breakpoint, as on the Astro pages (src/styles/base.css): replaces Webflow's
   clamp(12px, 1vw, 18px) and its short-screen sizes, so no type scales with the viewport. */
html { font-size: 15.12px !important; }
@media (max-width: 991px) { html { font-size: 16px !important; } }
@media (min-width: 1920px) { html { font-size: 18px !important; } }