/*
 * Sitewide knockout treatment for light translucent cards placed on navy
 * sections. The solid color is the accessible fallback; supported browsers
 * render the lettering with the section's blue palette clipped through it.
 */
.section-navy .content-card h1,
.section-navy .content-card h2,
.section-navy .content-card h3,
.section-navy .content-card h4,
.section-navy .content-card p,
.section-navy .content-card li,
.section-navy .content-card span,
.section-navy .content-card strong,
.section-navy .content-card small,
.section-navy .content-card a {
  color: #0a365f !important;
  -webkit-text-fill-color: #0a365f !important;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .section-navy .content-card h1,
  .section-navy .content-card h2,
  .section-navy .content-card h3,
  .section-navy .content-card h4,
  .section-navy .content-card p,
  .section-navy .content-card li,
  .section-navy .content-card span,
  .section-navy .content-card strong,
  .section-navy .content-card small,
  .section-navy .content-card a {
    background-image: linear-gradient(105deg, #147fac 0%, #0a5583 48%, #062c55 100%) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}