/* SecureVPN Targeted Legibility V8 · 2026-10-18
   Only the named ranking and speed-test components and the marked benchmark index.
   No hiding results, changing scoring/thresholds, or rewriting site-wide colors. */

/* 1) Rankings: dark cards listing excluded combinations (historical results remain available). */
body .svpn-v19-rankings .r4-excluded-row > h3 {
  color:#f0fbf8!important;
  font-size:clamp(20px,2.1vw,29px)!important;
  line-height:1.28!important;
}
body .svpn-v19-rankings .r4-excluded-row > p.r4-muted,
body .svpn-v19-rankings .r4-excluded-row > p.r4-muted:not(:has(details)) {
  color:#d3e5ec!important;
  font-size:13px!important;
  line-height:1.7!important;
}
body .svpn-v19-rankings .r4-excluded-row details > summary {
  color:#91f3ce!important;
  background:transparent!important;
  font-size:clamp(14px,1.3vw,16px)!important;
  font-weight:700!important;
  line-height:1.55!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  cursor:pointer!important;
  padding:7px 0!important;
  min-height:34px;
}
body .svpn-v19-rankings .r4-excluded-row details > summary::marker {
  color:#83e7c4!important;
}
body .svpn-v19-rankings .r4-excluded-row details > summary:hover,
body .svpn-v19-rankings .r4-excluded-row details > summary:focus-visible {
  color:#d4ffeb!important;
}
body .svpn-v19-rankings .r4-excluded-row details > summary:focus-visible {
  outline:3px solid #75e4bb!important;
  outline-offset:3px!important;
  border-radius:3px;
}
body .svpn-v19-rankings .r4-excluded-row details[open] {
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
body .svpn-v19-rankings .r4-excluded-row details[open] > summary {
  position:sticky;
  left:0;
}

/* 2) Speed Test: WHITE intro background and DARK notice/status surfaces. */
body .svpn-v19-speed-test #speed-estimator .speed-estimator-copy > p {
  color:#365467!important;
  font-size:clamp(15px,1.45vw,16px)!important;
  line-height:1.75!important;
}
body .svpn-v19-speed-test #speed-estimator .speed-estimator-copy .eyebrow {
  color:#087961!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.08em;
}
body .svpn-v19-speed-test #speed-estimator .speed-action-note {
  color:#3e6072!important;
  font-size:13px!important;
  line-height:1.55!important;
}
body .svpn-v19-speed-test #speed-estimator .speed-privacy-note {
  color:#d9e8f0!important;
  font-size:13px!important;
  line-height:1.7!important;
}
body .svpn-v19-speed-test #speed-estimator .speed-privacy-note :is(b,strong,code) {
  color:#f1fbfc!important;
}
body .svpn-v19-speed-test #speed-estimator .speed-privacy-note a {
  color:#94f4d8!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
body .svpn-v19-speed-test #speed-estimator .speed-estimator-status {
  color:#daebf2!important;
  font-size:13px!important;
  line-height:1.65!important;
}
body .svpn-v19-speed-test #speed-estimator .speed-estimator-status a {
  color:#9ef2dc!important;
}
body .svpn-v19-speed-test #speed-estimator .speed-result :is(small,span) {
  font-size:12px!important;
  line-height:1.55!important;
}
body .svpn-v19-speed-test #speed-estimator :is(button,a):focus-visible {
  outline:3px solid #55d6ad!important;
  outline-offset:3px!important;
}

/* 3) Benchmark LIBRARY ONLY. This data attribute is added ONLY to benchmarks/index.html. */
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) {
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#193f42;
  line-height:1.65;
}
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) :is(h1,h2,h3) {
  color:#143d36!important;
  line-height:1.25!important;
  overflow-wrap:break-word;
}
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) h1 {
  font-size:clamp(27px,3.3vw,42px)!important;
  letter-spacing:-.025em;
}
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) :is(p,small,.muted,.subtitle,.description,.lead,.benchmark-meta,.bench-meta) {
  color:#476678!important;
  font-size:clamp(13px,1.2vw,15px)!important;
  line-height:1.7!important;
}
/* Links to 130+ country-provider benchmark details become readable individual cards. */
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) a[href*="/benchmarks/"]:not([href$="/benchmarks/"]) {
  color:#164c40!important;
  background-color:#ffffff!important;
  border:1px solid #cbe3d7!important;
  border-radius:12px!important;
  box-shadow:0 2px 9px rgba(14,69,50,.055);
  display:block;
  padding:14px 17px!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.6!important;
  text-decoration:none!important;
  min-width:0;
  overflow-wrap:anywhere;
}
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) a[href*="/benchmarks/"]:not([href$="/benchmarks/"]) :is(strong,small,span,em) {
  color:#285c53!important;
  background:transparent!important;
  font-size:inherit;
}
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) a[href*="/benchmarks/"]:not([href$="/benchmarks/"]):hover {
  background-color:#edf8f2!important;
  border-color:#49b789!important;
  box-shadow:0 5px 15px rgba(14,69,50,.095);
}
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) a[href*="/benchmarks/"]:not([href$="/benchmarks/"]):focus-visible {
  outline:3px solid #36b98d!important;
  outline-offset:3px!important;
}
/* Existing benchmark grid classes, without touching header / footer navigation. */
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) :is(.benchmark-grid,.benchmarks-grid,.bench-grid,.benchmark-list,.benchmarks-list,.country-provider-grid,.library-grid) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;
  gap:13px!important;
  align-items:stretch;
}
body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) :is(.benchmark-grid,.benchmarks-grid,.bench-grid,.benchmark-list,.benchmarks-list,.country-provider-grid,.library-grid) > * {
  min-width:0;
}
/* Also handle legacy containers consisting directly of 3+ benchmark links. */
body[data-svpn-benchmark-v8="1"] main :is(div,section,ul):has(> a[href*="/benchmarks/"]:nth-of-type(3)),
body[data-svpn-benchmark-v8="1"] main ul:has(> li:nth-child(3) a[href*="/benchmarks/"]) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;
  gap:13px!important;
  list-style:none;
  padding-left:0!important;
}
@media(max-width:680px) {
  body[data-svpn-benchmark-v8="1"] :is(main,.svpn-v2-content) :is(.benchmark-grid,.benchmarks-grid,.bench-grid,.benchmark-list,.benchmarks-list,.country-provider-grid,.library-grid) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-svpn-benchmark-v8="1"] main :is(div,section,ul):has(> a[href*="/benchmarks/"]:nth-of-type(3)),
  body[data-svpn-benchmark-v8="1"] main ul:has(> li:nth-child(3) a[href*="/benchmarks/"]) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .svpn-v19-rankings .r4-excluded-row details > summary {font-size:15px!important;}
  body .svpn-v19-speed-test #speed-estimator .speed-privacy-note {font-size:13px!important;}
}