/* ============================================================================
   Deep-dive brand fade  (linked only on /deep-dives/ pages; scoped to body.bsa-deepdive)
   ----------------------------------------------------------------------------
   Goal: every deep dive carries the canonical orange→yellow brand fade in a few
   deliberate doses, without the blanket flat-orange that was washing the pages out.

   1) HEADINGS — page title (h1) and section headings (h2/h3) use the brand gradient
      (--bsa-grad). This is the main, consistent dose and reads cleanly on any bg.
   2) HERO/HEADER CARD — the one bordered hero per page (.module-header / .hero) loses
      its blanket orange border (→ neutral) and gains a single gradient edge at the top
      as its signature accent. Borderless sub-page headers just get the heading fade.

   Specificity: the `html body.bsa-deepdive` prefix (0,1,2+) beats the global
   `h1,h2,h3 { background:none !important; -webkit-text-fill-color:initial !important }`
   solid-heading rule in css/path-bsa-brand-fix.css. Gradient value is the literal
   --bsa-grad from brand-consistency.css (inlined so it works on deep-dive pages that
   don't load that sheet, e.g. JEA). The rest of the site is untouched.
   ========================================================================== */

html body.bsa-deepdive h1,
html body.bsa-deepdive h2,
html body.bsa-deepdive h3 {
  background: linear-gradient(90deg, #FFE600 0%, #FFD400 18%, #FF9A00 48%, #FF7A00 78%, #E85F00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #FFD400; /* fallback where background-clip:text is unsupported */
}

html body.bsa-deepdive :is(.module-header, .hero) {
  position: relative;
  overflow: hidden;
  border-color: #2A2A2A !important;
}
html body.bsa-deepdive :is(.module-header, .hero)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #FFE600 0%, #FFD400 18%, #FF9A00 48%, #FF7A00 78%, #E85F00 100%);
}