/* v613 — readability layer residuals (loads after sk-read-v2.css, same html.sk-read-v2 scope and date guard). */
/* R2/R3: accent used as small text outside p/li (links, h3/h4 spans, labels) on light surfaces */
html.sk-read-v2 :is(.section-light,.bg-white,.bg-gray-50,.bg-slate-50) :is(a.accent-text,h3 .accent-text,h4 .accent-text,h5 .accent-text,label .accent-text,.text-sm.accent-text,.text-xs.accent-text){color:#1a6aa8!important}
/* R1: grey-500 inherited into links/list items inside light boxes */
html.sk-read-v2 :is(.section-light,.bg-white,.bg-gray-50,.bg-slate-50,.bg-blue-50) :is(.text-gray-500 a,.text-gray-500 li,a.text-gray-500,li.text-gray-500){color:#5b6472}
/* R6: pills never below 11px on phones */
@media (max-width:767px){html.sk-read-v2 :is(.tag-pill,.dark-pill,.pill-inline){font-size:11px}}
/* R9: measure also for max-w-4xl long-form and centred intros */
html.sk-read-v2 main .max-w-4xl :is(.space-y-10,.space-y-8,.space-y-6)>div>p,html.sk-read-v2 main .max-w-4xl>p{max-width:70ch}
/* R7: long-form H3 cards sit two-up on wide screens when a section has 4+ of them, so an 800-word
   section reads as a grid of short blocks instead of one long column. Layout only; order and text unchanged. */
@media (min-width:1100px){
  html.sk-read-v2 main .space-y-10:has(>div:nth-child(4)):has(>div>h3+p){display:grid;grid-template-columns:1fr 1fr;gap:24px}
  html.sk-read-v2 main .space-y-10:has(>div:nth-child(4)):has(>div>h3+p)>*{margin-top:0!important}
  html.sk-read-v2 main .space-y-10:has(>div:nth-child(4)):has(>div>h3+p)>div:has(table){grid-column:1/-1}
  html.sk-read-v2 main .space-y-10:has(>div:nth-child(4)):has(>div>h3+p)>div>p{max-width:none}
}
/* R10: inline style="color:#1f8adf" on 1,508 links and 284 table cells across 232 files (blog posts,
   tables, comparison grids) = 3.65:1 on white. A stylesheet !important beats a non-important inline
   style, so this fixes them without touching any file. Light surfaces only; dark sections keep #1f8adf (5.3:1). */
html.sk-read-v2 :is(.section-light,.bg-white,.blog-content,.sk-prose,article) :is(a,td,p,span,strong,b,li)[style*="color:#1f8adf"],
html.sk-read-v2 :is(.section-light,.bg-white,.blog-content,.sk-prose,article) :is(a,td,p,span,strong,b,li)[style*="color: #1f8adf"]{color:#1a6aa8!important}
html.sk-read-v2 :is(.bg-black,.bg-secondary,.section-dark) :is(a,td,p,span,strong,b,li)[style*="color:#1f8adf"]{color:#1f8adf!important}