/* TypeWithFun V27: explicit contrast for V26 sections on the site's navy canvas. */
.v26-main .v26-section:not(.v26-tint) {
  background: linear-gradient(180deg, #0b162b 0%, #101b31 100%) !important;
  color: #f8fafc !important;
}

.v26-main .v26-section:not(.v26-tint) .v26-section-head > span {
  color: #60a5fa !important;
}

.v26-main .v26-section:not(.v26-tint) .v26-section-head h2 {
  color: #f8fbff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .18);
}

.v26-main .v26-section:not(.v26-tint) .v26-section-head p {
  color: #cbd5e1 !important;
}

.v26-main .v26-section.v26-tint {
  background: linear-gradient(180deg, #f7faff 0%, #eef5ff 100%) !important;
  color: #10213d !important;
}

.v26-main .v26-section.v26-tint .v26-section-head > span {
  color: #1d4ed8 !important;
}

.v26-main .v26-section.v26-tint .v26-section-head h2 {
  color: #10213d !important;
  text-shadow: none;
}

.v26-main .v26-section.v26-tint .v26-section-head p {
  color: #52647e !important;
}

@media (forced-colors: active) {
  .v26-main .v26-section .v26-section-head h2,
  .v26-main .v26-section .v26-section-head p,
  .v26-main .v26-section .v26-section-head > span {
    color: CanvasText !important;
    text-shadow: none;
  }
}