/* V6 — comparison (SideBySide Health) */
:root{--brand:#2456a6;--brand-soft:#e8effa;--brand-ink:#183d7a;--accent:#f2b705;--accent-soft:#fff7dc;--bg-soft:#f4f6fa;--line:#dfe4ee;--head-font:"IBM Plex Sans",Arial,sans-serif;--sans:"IBM Plex Sans","Inter",Arial,sans-serif}
body{font-family:"IBM Plex Serif",Georgia,serif;font-size:18px}
h1{font-weight:700;font-size:clamp(29px,5vw,42px);line-height:1.12;letter-spacing:-.015em}
article h2{font-weight:700;font-size:clamp(23px,3.4vw,28px)}
.kicker{background:var(--brand);color:#fff}
.dek{font-style:normal}
.cta{background:var(--accent);color:#1d2433;box-shadow:0 4px 0 #c79600}
.cta:hover{background:#e5ad00}
.sticky a{background:var(--accent);color:#1d2433}
.progress{background:var(--brand)}
.vs{border:1px solid var(--line);border-radius:14px;margin:1.6em 0;overflow:hidden;background:#fff;font-family:var(--sans)}
.vs h3{margin:0;padding:12px 18px;background:var(--bg-soft);font-size:17px;border-bottom:1px solid var(--line)}
.vs .cols{display:grid;grid-template-columns:1fr 1fr}
.vs .cols > div{padding:14px 18px;font-size:15.5px;line-height:1.55}
.vs .cols > div + div{border-left:1px solid var(--line);background:var(--brand-soft)}
.vs .cols b.lab{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.vs .cols > div + div b.lab{color:var(--brand)}
.vs .take{padding:12px 18px;border-top:1px solid var(--line);font-size:15px;background:#fffdf4}
.vs .take b{color:var(--brand-ink)}
@media (max-width:600px){.vs .cols{grid-template-columns:1fr}.vs .cols > div + div{border-left:0;border-top:1px solid var(--line)}}
.fair{background:#f1f8ee;border:1px solid #cfe6c6;border-radius:12px;padding:16px 20px;margin:1.6em 0;font-family:var(--sans);font-size:15.5px;line-height:1.55}
.fair h3{margin:0 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#2d6a1f}