/*
 * Reusable content utilities for native Divi 5 layouts.
 * All selectors are opt-in and therefore safe on existing pages.
 */

/* Dark editorial section with deliberately strong reading contrast. */
.rp-dark-readable {
  color-scheme: dark;
  background: #0B223B !important;
}

.rp-dark-readable h1,
.rp-dark-readable h2,
.rp-dark-readable h3,
.rp-dark-readable h4,
.rp-dark-readable h5,
.rp-dark-readable h6 {
  color: #FCFAF6 !important;
  text-wrap: balance;
}

.rp-dark-readable .rp-dark-readable-intro p,
.rp-dark-readable .rp-dark-readable-card p {
  margin-bottom: 0;
  color: #E7DED1 !important;
  opacity: 1 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 400 !important;
  text-wrap: pretty;
}

.rp-dark-readable .rp-dark-readable-intro p {
  max-width: 36rem;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.rp-dark-readable .rp-dark-readable-card {
  background: #15334F !important;
  border-color: rgba(231, 222, 209, .30) !important;
  box-shadow: none !important;
}

.rp-dark-readable .rp-dark-readable-card p {
  max-width: 34ch;
  font-size: 16px !important;
  line-height: 1.72 !important;
}

.rp-dark-readable .rp-dark-readable-number p,
.rp-dark-readable .rp-dark-readable-kicker p {
  color: #F28C28 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

.rp-dark-readable .rp-dark-readable-number p {
  font-size: 13px !important;
  letter-spacing: .16em !important;
}

.rp-dark-readable .rp-dark-readable-kicker p {
  font-size: 12px !important;
  letter-spacing: .18em !important;
}

@media (max-width: 767px) {
  .rp-dark-readable .rp-dark-readable-intro p,
  .rp-dark-readable .rp-dark-readable-card p {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }
}