/* SecureVPN Providers legibility V7 (WordPress /providers/ only)
   Designed from the user's 2026-10-18 20:34 SingleFile snapshot.
   No data, JS, Elementor or other page changes. */

/* Four dark overview tiles: the existing generic tool CSS sets dark ink here. */
html body.page-id-34 .svpn-v19-tool .p4-overview article,
html body.page-id-34 .svpn-v19-tool .p4-overview article strong {
  color: #f0faf7 !important;
}
html body.page-id-34 .svpn-v19-tool .p4-overview article small,
html body.page-id-34 .svpn-v19-tool .p4-overview article span {
  color: #c3dae5 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
html body.page-id-34 .svpn-v19-tool .p4-overview article strong {
  font-size: clamp(23px, 2vw, 27px) !important;
  line-height: 1.23 !important;
  overflow-wrap: anywhere;
}

/* Dark provider cards: names, measure values, protocol labels and footnotes. */
html body.page-id-34 .svpn-v19-tool .p4-provider,
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-head h3,
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-metrics strong {
  color: #f1fafc !important;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-protocol,
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-score span,
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-foot,
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-foot span {
  color: #bed7e4 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-protocol {
  font-size: 13px !important;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-score strong {
  color: #93f4dd !important;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-metrics small {
  color: #c0d9e5 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-metrics strong {
  font-size: 15px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-provider-metrics > div {
  min-width: 0;
  padding: 12px 10px;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-state {
  font-size: 11px !important;
  line-height: 1.3 !important;
  white-space: nowrap;
}
html body.page-id-34 .svpn-v19-tool .p4-provider .p4-state.ready {
  color: #7cf0ad !important;
}

/* The two dark explanation / comparison panels. */
html body.page-id-34 .svpn-v19-tool .p4-panel,
html body.page-id-34 .svpn-v19-tool .p4-panel h2 {
  color: #f0faf7 !important;
}
html body.page-id-34 .svpn-v19-tool .p4-panel p {
  color: #c2d8e4 !important;
  font-size: 14px !important;
}
html body.page-id-34 .svpn-v19-tool .p4-panel .p4-kicker {
  color: #95f3c9 !important;
}
html body.page-id-34 .svpn-v19-tool .p4-panel a {
  color: #83f3df !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Four mini glossary cards inside the otherwise white methodology section. */
html body.page-id-34 .svpn-v19-tool .p4-method-grid article,
html body.page-id-34 .svpn-v19-tool .p4-method-grid article h3 {
  color: #eef9fb !important;
}
html body.page-id-34 .svpn-v19-tool .p4-method-grid article p {
  color: #c1d9e4 !important;
  font-size: 12px !important;
}
html body.page-id-34 .svpn-v19-tool .p4-method-grid article > span {
  color: #84e8d8 !important;
  font-size: 11px !important;
}

/* Light backgrounds stay light: improve labels only where measurements render. */
html body.page-id-34 .svpn-v19-tool .p4-section-head p {
  color: #4b6778 !important;
  font-size: 14px !important;
}
html body.page-id-34 .svpn-v19-tool .p4-control label,
html body.page-id-34 .svpn-v19-tool .p4-control small {
  color: #385d6b !important;
  font-size: 12px !important;
}
html body.page-id-34 .svpn-v19-tool .p4-section-head a {
  color: #08715c !important;
}
@media (max-width: 720px) {
  html body.page-id-34 .svpn-v19-tool .p4-provider-metrics {
    gap: 6px;
  }
  html body.page-id-34 .svpn-v19-tool .p4-provider-metrics > div {
    padding: 11px 8px;
  }
  html body.page-id-34 .svpn-v19-tool .p4-provider-metrics strong {
    font-size: 13px !important;
  }
  html body.page-id-34 .svpn-v19-tool .p4-overview article strong {
    font-size: 25px !important;
  }
}