/* ============================================================
   SITE-WIDE HEADING ACCENT  (paired with assets/js/heading-accent.js)
   Line 1 of a main heading is dark, following lines are brand blue.
   Loads after every page stylesheet, so it overrides per-page
   heading colours and older gradient/coloured <span> accents.
   ============================================================ */
.hx--light {
  color: #0f1733 !important;
  -webkit-text-fill-color: #0f1733 !important;
  background: none !important;
}
.hx span:not(.hx-w):not(.hp-gradient),
.hx em,
.hx strong,
.hx b {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: none !important;
  animation: none !important;
  box-shadow: none !important;
}
.hx .hx-w {
  -webkit-text-fill-color: inherit;
}
.hx--light .hx-w.hx-l2 {
  color: #4f46e5 !important;
  -webkit-text-fill-color: #4f46e5 !important;
  background: none !important;
}
.hx--dark .hx-w.hx-l2 {
  color: #a5b4fc !important;
  -webkit-text-fill-color: #a5b4fc !important;
  background: none !important;
}
/* Word wrappers must stay plain inline text whatever generic "section span" rules a page has */
.hx .hx-w {
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  animation: none !important;
  display: inline !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
  transform: none !important;
  opacity: 1 !important;
}
/* The original hero's first line keeps its own decorative styling (it is skipped by the line measure) */
.hx .hp-gradient .hx-w {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: none !important;
}