/* ============================================================
   VARIANTS — 10 scoped restyles of the canonical condition page.
   Activated by `body.variant-vN` (added by a tiny inline script
   that reads ?v=N from the URL). Each block lives inside its own
   .variant-vN namespace so the production look is untouched
   when no variant is active.

   All 10 stay inside OSI navy + sage palette. They differ in
   layout density, card treatment, type rhythm, and motion —
   never in brand color.
   ============================================================ */

/* ───── Variant sticky bar (shown when any variant active) ──── */
.variant .vbar-fixed{position:fixed;top:0;left:0;right:0;z-index:9999;background:#1a2654;color:#fff;padding:0.5rem 0.85rem;font-size:0.74rem;display:flex;gap:0.3rem;align-items:center;flex-wrap:wrap;font-family:var(--font)}
.variant .vbar-fixed strong{margin-right:0.6rem;letter-spacing:0.05em}
.variant .vbar-fixed a{color:#fff;text-decoration:none;padding:0.18rem 0.5rem;border-radius:6px;opacity:0.7}
.variant .vbar-fixed a:hover{opacity:1;background:rgba(255,255,255,0.12)}
.variant .vbar-fixed a.cur{background:#3F8069;opacity:1}
.variant .vbar-fixed .lbl{margin-left:auto;opacity:0.7;font-style:italic}
.variant{padding-top:36px}

/* ============================================================
   V1 — EDITORIAL CLINIC
   Hairline rhythm, zero card fills, whitespace does the work.
   ============================================================ */
body.variant-v1 .c-contact-cta__inner{background:transparent !important;border:0 !important;border-top:1px solid rgba(32,48,112,0.10) !important;border-bottom:1px solid rgba(32,48,112,0.10) !important;border-radius:0 !important;padding:2.5rem 1rem !important}
body.variant-v1 .c-contact-cta__inner::before{display:none}
body.variant-v1 :is(.related-conditions, .sidebar-card){background:transparent !important;border:0 !important;border-top:1px solid rgba(32,48,112,0.10) !important;border-radius:0 !important;padding:1.25rem 0 0 !important}
body.variant-v1 .physician-card{border-left:0 !important;border-right:0 !important;border-top:0 !important;border-bottom:1px solid rgba(32,48,112,0.06) !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important}
body.variant-v1 .physician-card:hover{box-shadow:none !important;transform:none !important;background:rgba(63,128,105,0.04) !important;border-color:rgba(63,128,105,0.25) !important}
body.variant-v1 section{border-top:1px solid rgba(32,48,112,0.06);padding-top:1.5rem;margin-top:2rem}
body.variant-v1 h2{letter-spacing:-0.012em}
body.variant-v1 .c-figure{border:0 !important;border-radius:0 !important;background:transparent !important}

/* ============================================================
   V2 — APPLE HEALTH
   Soft cool-gray fills, 16px radii, friendly modern.
   ============================================================ */
body.variant-v2{background:#fff}
body.variant-v2 section{padding:1.5rem 1.75rem;background:#f6f7f9;border-radius:18px;margin-top:1.25rem}
body.variant-v2 .c-contact-cta__inner{background:linear-gradient(180deg,#f6f7f9,#eef0f5) !important;border:1px solid rgba(32,48,112,0.10) !important;border-radius:20px !important}
body.variant-v2 .physician-card{border-radius:16px !important;border:1px solid rgba(32,48,112,0.08) !important;background:#fff !important}
body.variant-v2 :is(.related-conditions, .sidebar-card){background:#f6f7f9 !important;border-radius:18px !important;border:0 !important;padding:1.25rem 1.5rem !important}
body.variant-v2 .tab-nav{background:#f6f7f9 !important;border-radius:14px !important;padding:0.35rem !important;border:0 !important}
body.variant-v2 .tab-nav__inner{padding:0 !important;gap:0.2rem}
body.variant-v2 .tab{border-radius:10px;border-bottom:0 !important;margin-bottom:0 !important;min-height:40px;padding:0.55rem 1rem !important}
body.variant-v2 .tab.is-active{background:#fff;color:#2B5E4C !important;box-shadow:0 1px 3px rgba(15,18,38,0.06)}
body.variant-v2 .tab:hover{background:#fff;color:#2B5E4C !important}
body.variant-v2 .c-figure{border-radius:14px !important;overflow:hidden}
body.variant-v2 h2{letter-spacing:-0.012em}

/* ============================================================
   V3 — MAYO CLINIC
   Straight rules, all-caps eyebrows, sage h2 underline, conservative.
   ============================================================ */
body.variant-v3 h2{padding-bottom:0.45rem !important;border-bottom:2px solid #3F8069 !important;letter-spacing:-0.01em}
body.variant-v3 h1{padding-bottom:1rem !important;border-bottom:2px solid #3F8069 !important}
body.variant-v3 .c-rx-heading{font-family:var(--font) !important;text-transform:uppercase !important;letter-spacing:0.08em !important;font-size:0.78rem !important;font-weight:700 !important;color:#2B5E4C !important;border-bottom:0 !important;padding:0 !important;margin-top:1.5rem !important}
body.variant-v3 .c-contact-cta__inner{background:#fff !important;border:0 !important;border-top:2px solid #3F8069 !important;border-bottom:1px solid rgba(32,48,112,0.10) !important;border-radius:0 !important}
body.variant-v3 .c-contact-cta__inner::before{display:none}
body.variant-v3 .physician-card{border-radius:0 !important;border:1px solid rgba(32,48,112,0.10) !important;box-shadow:none !important}
body.variant-v3 .physician-card:hover{transform:none !important;box-shadow:none !important;border-color:#3F8069 !important}
body.variant-v3 :is(.related-conditions, .sidebar-card){background:transparent !important;border:0 !important;border-top:2px solid #3F8069 !important;border-radius:0 !important;padding:1rem 0 0 !important}
body.variant-v3 .tab{border-bottom-width:3px !important}

/* ============================================================
   V4 — DOSSIER (sticky meta sidebar w/ TOC)
   The existing .page-grid already provides 2-col. Tighten right rail
   into a sticky meta block.
   ============================================================ */
body.variant-v4 .page-aside{position:sticky;top:5rem;align-self:start}
body.variant-v4 :is(.related-conditions, .sidebar-card){background:#f7f8fa !important;border:1px solid rgba(32,48,112,0.10) !important;border-radius:14px !important;padding:1.25rem !important}
body.variant-v4 :is(.related-conditions, .sidebar-card) h3{font-family:var(--font) !important;font-size:0.72rem !important;letter-spacing:0.12em !important;text-transform:uppercase !important;color:#2B5E4C !important;margin-bottom:0.7rem !important}
body.variant-v4 :is(.related-conditions, .sidebar-card) ul li a{font-family:var(--font-display) !important;font-weight:500 !important;font-size:0.95rem !important}
body.variant-v4 .c-rx-heading{font-family:'JetBrains Mono',ui-monospace,monospace !important;font-size:0.78rem !important;letter-spacing:0.1em !important;text-transform:uppercase !important;color:#3F8069 !important;border:0 !important;padding:0 !important;margin-top:1.75rem !important}
body.variant-v4 .physician-card{border-radius:14px !important;border:1px solid rgba(32,48,112,0.10) !important}
body.variant-v4 .c-contact-cta__inner{background:#f7f8fa !important;border-radius:14px !important;border:1px solid rgba(32,48,112,0.10) !important}
body.variant-v4 .tab{font-family:'JetBrains Mono',ui-monospace,monospace !important;font-size:0.78rem !important;text-transform:uppercase !important;letter-spacing:0.08em !important}

/* ============================================================
   V5 — MAGAZINE SPREAD
   Drop-cap, pull-quotes, italic display, narrow column.
   ============================================================ */
body.variant-v5{font-size:17px}
body.variant-v5 .hero h1{font-style:normal !important;font-weight:700 !important;letter-spacing:-0.03em !important;font-size:clamp(2.6rem,5vw,4rem) !important}
body.variant-v5 .hero__lede{font-family:var(--font-display) !important;font-style:italic !important;font-size:1.32rem !important;color:#5c6585 !important;border-top:1px solid rgba(32,48,112,0.10);border-bottom:1px solid rgba(32,48,112,0.10);padding:1.25rem 0;max-width:60ch}
body.variant-v5 section > p:first-of-type::first-letter{font-family:var(--font-display);font-weight:700;color:#3F8069;float:left;font-size:4rem;line-height:0.85;padding:0.4rem 0.7rem 0 0;margin-top:0.2rem}
body.variant-v5 section h2{font-style:italic;letter-spacing:-0.015em}
body.variant-v5 .c-rx-heading{font-style:italic !important;border:0 !important;font-family:var(--font-display) !important;font-weight:600 !important;color:#1a2654 !important}
body.variant-v5 .c-contact-cta__inner{background:transparent !important;border:0 !important;border-top:2px solid #3F8069 !important;border-bottom:2px solid #3F8069 !important;border-radius:0 !important;text-align:center !important}
body.variant-v5 .c-contact-cta__inner::before{display:none}
body.variant-v5 :is(.related-conditions, .sidebar-card){background:transparent !important;border:0 !important;border-top:1px solid rgba(32,48,112,0.10) !important;border-radius:0 !important;padding:1rem 0 0 !important}
body.variant-v5 .physician-card{border:0 !important;border-bottom:1px solid rgba(32,48,112,0.06) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
body.variant-v5 .physician-card:hover{transform:none !important;box-shadow:none !important}

/* ============================================================
   V6 — PILL UNIFORM
   Every card/callout is a 999px pill row.
   ============================================================ */
body.variant-v6 .physician-card{border-radius:999px !important;padding:0.65rem 1.3rem 0.65rem 0.7rem !important;border:1px solid rgba(32,48,112,0.10) !important;box-shadow:none !important;background:#f7f8fa !important}
body.variant-v6 .physician-card:hover{background:#fff !important;border-color:rgba(63,128,105,0.30) !important;transform:none !important}
body.variant-v6 .physician-card__portrait{flex-shrink:0}
body.variant-v6 :is(.related-conditions, .sidebar-card){background:transparent !important;border:0 !important;padding:0 !important}
body.variant-v6 :is(.related-conditions, .sidebar-card) ul li a{background:#f7f8fa;border:1px solid rgba(32,48,112,0.10);border-radius:999px;padding:0.5rem 1rem !important;display:inline-block;margin:0.18rem 0.18rem 0.18rem 0 !important}
body.variant-v6 :is(.related-conditions, .sidebar-card) ul{display:flex;flex-wrap:wrap;gap:0;padding:0;list-style:none}
body.variant-v6 :is(.related-conditions, .sidebar-card) ul li{background:transparent !important;padding:0 !important;border:0 !important}
body.variant-v6 .c-contact-cta__inner{border-radius:999px !important;padding:1.4rem 2rem !important;background:linear-gradient(180deg,rgba(63,128,105,0.06),#fff) !important;border:1px solid rgba(32,48,112,0.10) !important}
body.variant-v6 .tab{border-radius:999px;background:#f7f8fa;margin:0 0.18rem 0 0;border-bottom:0 !important;padding:0.5rem 1.05rem !important;min-height:auto !important}
body.variant-v6 .tab.is-active{background:#203070 !important;color:#fff !important}
body.variant-v6 .tab:hover{background:rgba(63,128,105,0.08);color:#2B5E4C !important}
body.variant-v6 .tab-nav{border-bottom:0 !important;background:transparent !important}

/* ============================================================
   V7 — LAYERED GLASS
   Frosted backdrop-blur cards, soft ambient gradient bg.
   ============================================================ */
body.variant-v7{background:linear-gradient(135deg,rgba(63,128,105,0.07),rgba(32,48,112,0.06)) fixed}
body.variant-v7 section{background:rgba(255,255,255,0.65);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,0.7);border-radius:20px;padding:1.5rem 1.75rem;box-shadow:0 8px 28px rgba(15,18,38,0.06);margin-top:1.5rem}
body.variant-v7 .c-contact-cta__inner{background:rgba(255,255,255,0.65) !important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,0.7) !important;border-radius:22px !important;box-shadow:0 12px 36px rgba(15,18,38,0.08) !important}
body.variant-v7 .physician-card{background:rgba(255,255,255,0.6) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.7) !important;border-radius:16px !important;box-shadow:0 4px 14px rgba(15,18,38,0.05) !important}
body.variant-v7 :is(.related-conditions, .sidebar-card){background:rgba(255,255,255,0.55) !important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.7) !important;border-radius:20px !important;padding:1.25rem 1.5rem !important}
body.variant-v7 .tab-nav{background:rgba(255,255,255,0.55) !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(255,255,255,0.7) !important;padding:0.4rem !important}

/* ============================================================
   V8 — OSI BRAND-STRICT (RECOMMENDED)
   Single radius (14px), single border (navy-tint hairline),
   single shadow scale. Locks everything to top-bar theme.
   ============================================================ */
body.variant-v8 *{--osi-r:14px;--osi-hair:rgba(32,48,112,0.10);--osi-shadow:0 4px 12px rgba(15,18,38,0.06)}
body.variant-v8 .physician-card{border-radius:14px !important;border:1px solid rgba(32,48,112,0.10) !important;box-shadow:0 1px 3px rgba(15,18,38,0.04) !important;background:#fff !important;padding:14px 16px !important}
body.variant-v8 .physician-card:hover{border-color:rgba(63,128,105,0.30) !important;box-shadow:0 4px 12px rgba(15,18,38,0.08) !important;transform:translateY(-1px) !important}
body.variant-v8 .c-contact-cta__inner{background:#f7f8fa !important;border:1px solid rgba(32,48,112,0.10) !important;border-radius:14px !important;padding:2.25rem 1.75rem !important}
body.variant-v8 .c-contact-cta__inner::before{display:none}
body.variant-v8 :is(.related-conditions, .sidebar-card){background:#f7f8fa !important;border:1px solid rgba(32,48,112,0.10) !important;border-radius:14px !important;padding:1.25rem 1.4rem !important}
body.variant-v8 :is(.related-conditions, .sidebar-card) h3{font-family:var(--font-display) !important;font-size:1.05rem !important;color:#1a2654 !important;margin:0 0 0.7rem !important;font-weight:600 !important;letter-spacing:-0.005em !important;border:0 !important}
body.variant-v8 :is(.related-conditions, .sidebar-card) ul li{padding:0 !important;border:0 !important;background:transparent !important;border-bottom:1px solid rgba(32,48,112,0.06) !important}
body.variant-v8 :is(.related-conditions, .sidebar-card) ul li a{padding:0.5rem 0 !important;display:block}
body.variant-v8 .c-figure{border-radius:14px !important;overflow:hidden;border:1px solid rgba(32,48,112,0.10)}
body.variant-v8 .tab.is-active{color:#3F8069 !important;border-bottom-color:#3F8069 !important}
body.variant-v8 .tab:hover{color:#3F8069 !important;background:rgba(63,128,105,0.06) !important}
body.variant-v8 .c-rx-heading{border-bottom-color:rgba(32,48,112,0.06) !important;margin-top:2rem !important;padding-bottom:0 !important}
body.variant-v8 h2{letter-spacing:-0.012em}

/* ============================================================
   V9 — NEWSPAPER RULES
   Hairlines only, condensed display for stats, broadsheet rules.
   ============================================================ */
body.variant-v9 h1{padding-bottom:0.5rem !important;border-bottom:3px double #1a2654 !important;font-weight:700 !important;letter-spacing:-0.025em !important}
body.variant-v9 .hero__lede{font-size:1.2rem !important;font-family:var(--font-display) !important;color:#1f2747}
body.variant-v9 .c-rx-heading{font-family:'Roboto Condensed','Impact',sans-serif !important;font-weight:700 !important;letter-spacing:0.12em !important;text-transform:uppercase !important;font-size:0.88rem !important;color:#3F8069 !important;border:0 !important;padding:0 !important;margin-top:1.5rem !important}
body.variant-v9 h2{font-family:var(--font-display) !important;font-weight:700 !important;font-size:1.65rem !important;letter-spacing:-0.018em !important}
body.variant-v9 .physician-card{border:0 !important;border-top:1px solid rgba(32,48,112,0.12) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:14px 0 !important}
body.variant-v9 .physician-card:last-child{border-bottom:1px solid rgba(32,48,112,0.12) !important}
body.variant-v9 .physician-card:hover{transform:none !important;box-shadow:none !important;background:rgba(63,128,105,0.04) !important}
body.variant-v9 .c-contact-cta__inner{background:transparent !important;border:0 !important;border-top:3px double #1a2654 !important;border-bottom:3px double #1a2654 !important;border-radius:0 !important;padding:1.75rem 1rem !important}
body.variant-v9 .c-contact-cta__inner::before{display:none}
body.variant-v9 :is(.related-conditions, .sidebar-card){background:transparent !important;border:0 !important;border-top:3px double #1a2654 !important;border-radius:0 !important;padding:1rem 0 0 !important}
body.variant-v9 :is(.related-conditions, .sidebar-card) h3{font-family:'Roboto Condensed',sans-serif !important;text-transform:uppercase !important;letter-spacing:0.14em !important;font-size:0.9rem !important;color:#1a2654 !important;font-weight:700 !important}
body.variant-v9 :is(.related-conditions, .sidebar-card) ul li{background:transparent !important;border:0 !important;border-bottom:1px solid rgba(32,48,112,0.06) !important;padding:0 !important}
body.variant-v9 :is(.related-conditions, .sidebar-card) ul li a{font-family:var(--font-display) !important;padding:0.55rem 0 !important;display:block}
body.variant-v9 .tab{font-family:'Roboto Condensed',sans-serif !important;text-transform:uppercase !important;letter-spacing:0.08em !important;font-weight:700 !important;font-size:0.84rem !important}
body.variant-v9 .tab-nav{border-top:3px double #1a2654 !important}

/* ============================================================
   V10 — OUTLINE-CARD MINIMAL
   1px sage-tint borders only, no fills, generous interior padding.
   ============================================================ */
body.variant-v10 .physician-card{background:transparent !important;border:1px solid rgba(63,128,105,0.22) !important;border-radius:10px !important;box-shadow:none !important;padding:16px 18px !important}
body.variant-v10 .physician-card:hover{background:rgba(63,128,105,0.05) !important;border-color:rgba(63,128,105,0.40) !important;transform:translateY(-1px) !important;box-shadow:none !important}
body.variant-v10 .c-contact-cta__inner{background:transparent !important;border:1px solid rgba(63,128,105,0.22) !important;border-radius:14px !important;padding:2.2rem 1.5rem !important}
body.variant-v10 .c-contact-cta__inner::before{display:none}
body.variant-v10 :is(.related-conditions, .sidebar-card){background:transparent !important;border:1px solid rgba(63,128,105,0.22) !important;border-radius:14px !important;padding:1.25rem 1.5rem !important}
body.variant-v10 :is(.related-conditions, .sidebar-card) ul li{background:transparent !important;border:0 !important;padding:0 !important;border-bottom:1px solid rgba(63,128,105,0.10) !important}
body.variant-v10 :is(.related-conditions, .sidebar-card) ul li a{padding:0.55rem 0 !important;display:block}
body.variant-v10 .c-figure{border:1px solid rgba(63,128,105,0.22) !important;border-radius:10px;overflow:hidden;background:transparent !important}
body.variant-v10 .tab{border-radius:10px;border:1px solid rgba(63,128,105,0.22);border-bottom-width:1px !important;margin:0 0.2rem 0 0;padding:0.45rem 0.95rem !important;min-height:auto !important}
body.variant-v10 .tab.is-active{background:rgba(63,128,105,0.06) !important;border-color:rgba(63,128,105,0.40) !important;color:#2B5E4C !important}
body.variant-v10 .tab:hover{background:rgba(63,128,105,0.05) !important;border-color:rgba(63,128,105,0.40) !important;color:#2B5E4C !important}
body.variant-v10 .tab-nav{border-bottom:0 !important;background:transparent !important}

/* ============================================================
   BOLD SET — v11..v20.  Higher-confidence visual moves sourced
   from medical-design references (HSS, Cleveland Clinic, One
   Medical, Hinge Health, Forward, Carbon Health, NEJM, Mass
   General, Linear, Sirio-Libanês). All still inside OSI palette.
   ============================================================ */

/* ─── V11 HSS PREMIUM ─── editorial photo-band hero, XL serif, sage rules */
body.variant-v11 .hero{background:linear-gradient(180deg,#0d1a3a 0%,#1a2654 60%,#203070 100%) !important;color:#fff;padding:3.5rem 0 3rem !important;position:relative;overflow:hidden}
body.variant-v11 .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 20%,rgba(63,128,105,0.35),transparent 60%);pointer-events:none}
body.variant-v11 .hero h1{color:#fff !important;font-size:clamp(2.8rem,5.5vw,4.5rem) !important;font-weight:600 !important;letter-spacing:-0.025em !important;line-height:1.02 !important}
body.variant-v11 .hero__lede{color:rgba(255,255,255,0.85) !important;font-size:1.35rem !important;font-style:italic !important;max-width:60ch}
body.variant-v11 .hero .crumbs,body.variant-v11 .hero .breadcrumb{color:rgba(255,255,255,0.7) !important}
body.variant-v11 .hero a{color:#a9c9b9 !important}
body.variant-v11 section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(63,128,105,0.25)}
body.variant-v11 h2{font-size:2rem !important;letter-spacing:-0.018em !important;font-weight:600 !important;margin-bottom:1.2rem !important}
body.variant-v11 :is(.related-conditions, .sidebar-card){background:#0d1a3a !important;color:#fff !important;border:0 !important;border-radius:18px !important;padding:1.5rem 1.6rem !important}
body.variant-v11 :is(.related-conditions, .sidebar-card) *{color:#fff !important}
body.variant-v11 :is(.related-conditions, .sidebar-card) ul li a{color:#fff !important;border-bottom:1px solid rgba(255,255,255,0.12) !important;padding:0.55rem 0 !important;display:block}
body.variant-v11 :is(.related-conditions, .sidebar-card) ul li a:hover{color:#a9c9b9 !important}
body.variant-v11 .c-contact-cta__inner{background:linear-gradient(135deg,#0d1a3a,#203070) !important;color:#fff !important;border:0 !important;border-radius:18px !important;padding:2.8rem 2rem !important}
body.variant-v11 .c-contact-cta__inner *{color:#fff !important}
body.variant-v11 .c-contact-cta__inner h2{font-size:2rem !important}
body.variant-v11 .c-contact-cta__inner::before{background:#3F8069 !important;width:88px !important;height:4px !important}
body.variant-v11 .c-contact-cta__btn{background:#3F8069 !important}
body.variant-v11 .physician-card{border-radius:16px !important;border:1px solid rgba(32,48,112,0.12) !important;box-shadow:0 4px 14px rgba(15,18,38,0.06) !important;padding:18px 18px !important}

/* ─── V12 CLEVELAND BOLD ─── strong color bands, alternating sections */
body.variant-v12 .hero{background:#203070 !important;color:#fff !important;padding:3rem 0 !important}
body.variant-v12 .hero h1,body.variant-v12 .hero h1 *{color:#fff !important}
body.variant-v12 .hero__lede{color:rgba(255,255,255,0.88) !important;font-size:1.25rem !important}
body.variant-v12 section{padding:2.5rem 1.75rem;margin-top:0;border-radius:0}
body.variant-v12 section:nth-of-type(even){background:#f7f8fa}
body.variant-v12 section:nth-of-type(odd){background:#fff}
body.variant-v12 h2{display:inline-block;background:linear-gradient(90deg,#3F8069,#2B5E4C);color:#fff !important;padding:0.45rem 1rem !important;border-radius:8px;font-size:1.4rem !important;margin-bottom:1.2rem}
body.variant-v12 .c-contact-cta__inner{background:#3F8069 !important;color:#fff !important;border-radius:18px !important;border:0 !important}
body.variant-v12 .c-contact-cta__inner *{color:#fff !important}
body.variant-v12 .c-contact-cta__inner::before{display:none}
body.variant-v12 .c-contact-cta__btn{background:#fff !important;color:#2B5E4C !important;font-weight:700 !important}
body.variant-v12 :is(.related-conditions, .sidebar-card){background:#203070 !important;color:#fff !important;border:0 !important;border-radius:14px !important;padding:1.4rem !important}
body.variant-v12 :is(.related-conditions, .sidebar-card) *{color:#fff !important}
body.variant-v12 :is(.related-conditions, .sidebar-card) ul li a:hover{color:#a9c9b9 !important}
body.variant-v12 .physician-card{border-radius:14px !important;border:2px solid #3F8069 !important;background:#fff !important;box-shadow:none !important}
body.variant-v12 .tab.is-active{color:#fff !important;background:#3F8069 !important;border-bottom-color:#3F8069 !important;border-radius:8px 8px 0 0;padding:0.7rem 1.1rem !important}
body.variant-v12 .tab:hover{color:#2B5E4C !important;background:rgba(63,128,105,0.10) !important}

/* ─── V13 ONE MEDICAL CALM ─── pastel sage tints, soft rounded everything */
body.variant-v13{background:#f4f8f6 !important}
body.variant-v13 .hero{background:radial-gradient(60% 100% at 20% 0%,rgba(63,128,105,0.10),transparent 70%),#f4f8f6 !important}
body.variant-v13 section{padding:2rem 1.75rem;background:#fff;border-radius:24px;margin-top:1.5rem;box-shadow:0 1px 0 rgba(63,128,105,0.06)}
body.variant-v13 h2{color:#2B5E4C !important;font-size:1.6rem !important;letter-spacing:-0.012em !important;font-weight:600 !important}
body.variant-v13 h2::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#3F8069;margin-right:0.6rem;vertical-align:middle}
body.variant-v13 .c-contact-cta__inner{background:#3F8069 !important;color:#fff !important;border-radius:28px !important;border:0 !important;padding:3rem 2rem !important;box-shadow:0 8px 30px rgba(63,128,105,0.25)}
body.variant-v13 .c-contact-cta__inner *{color:#fff !important}
body.variant-v13 .c-contact-cta__inner::before{display:none}
body.variant-v13 .c-contact-cta__btn{background:#fff !important;color:#2B5E4C !important;border-radius:999px;font-weight:700 !important}
body.variant-v13 :is(.related-conditions, .sidebar-card){background:#fff !important;border:0 !important;border-radius:24px !important;padding:1.5rem 1.75rem !important;box-shadow:0 1px 0 rgba(63,128,105,0.08)}
body.variant-v13 :is(.related-conditions, .sidebar-card) ul li a{border-bottom:1px solid rgba(63,128,105,0.10) !important;padding:0.6rem 0 !important;display:block}
body.variant-v13 :is(.related-conditions, .sidebar-card) ul li a:hover{color:#2B5E4C !important;background:rgba(63,128,105,0.05) !important;padding-left:0.6rem !important}
body.variant-v13 .physician-card{border-radius:20px !important;border:0 !important;background:#fff !important;box-shadow:0 1px 0 rgba(63,128,105,0.08) !important;padding:16px 18px !important}
body.variant-v13 .physician-card:hover{transform:translateY(-2px) !important;box-shadow:0 6px 18px rgba(63,128,105,0.15) !important}
body.variant-v13 .tab{border-radius:999px;background:#f4f8f6;border-bottom:0 !important;margin:0 0.2rem;min-height:auto !important;padding:0.55rem 1.1rem !important}
body.variant-v13 .tab.is-active{background:#3F8069 !important;color:#fff !important}
body.variant-v13 .tab-nav{border-bottom:0 !important;background:transparent !important}

/* ─── V14 HINGE ILLUSTRATED ─── friendly oversized type, geometric shapes */
body.variant-v14 .hero{background:#fff;position:relative;overflow:hidden;padding:3rem 0 !important}
body.variant-v14 .hero::before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:rgba(63,128,105,0.10);pointer-events:none}
body.variant-v14 .hero::after{content:"";position:absolute;bottom:-60px;left:30%;width:160px;height:160px;border-radius:50%;background:rgba(32,48,112,0.06);pointer-events:none}
body.variant-v14 .hero h1{font-size:clamp(2.5rem,5vw,4rem) !important;font-weight:700 !important;letter-spacing:-0.028em !important}
body.variant-v14 .hero__lede{font-size:1.3rem !important;line-height:1.5 !important}
body.variant-v14 section{padding:2rem 0;border-top:0;margin-top:1.5rem;position:relative}
body.variant-v14 h2{font-size:1.85rem !important;font-weight:700 !important;letter-spacing:-0.02em !important}
body.variant-v14 h2::after{content:"";display:block;width:48px;height:6px;background:#3F8069;border-radius:3px;margin-top:0.6rem}
body.variant-v14 .c-contact-cta__inner{background:linear-gradient(135deg,#3F8069,#2B5E4C) !important;color:#fff !important;border-radius:32px !important;border:0 !important;padding:3rem 2rem !important;position:relative;overflow:hidden}
body.variant-v14 .c-contact-cta__inner::after{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,0.10)}
body.variant-v14 .c-contact-cta__inner *{color:#fff !important;position:relative;z-index:1}
body.variant-v14 .c-contact-cta__inner::before{display:none}
body.variant-v14 .c-contact-cta__btn{background:#fff !important;color:#2B5E4C !important;font-weight:700 !important;font-size:1.05rem !important;padding:1rem 2rem !important}
body.variant-v14 :is(.related-conditions, .sidebar-card){background:#f7f8fa !important;border:0 !important;border-radius:24px !important;padding:1.5rem 1.75rem !important}
body.variant-v14 :is(.related-conditions, .sidebar-card) ul li a{background:#fff;border-radius:14px;padding:0.7rem 1rem !important;display:block;margin-bottom:0.35rem;border:0 !important;box-shadow:0 1px 2px rgba(15,18,38,0.04)}
body.variant-v14 :is(.related-conditions, .sidebar-card) ul li{background:transparent !important;border:0 !important;padding:0 !important}
body.variant-v14 :is(.related-conditions, .sidebar-card) ul li a:hover{transform:translateX(4px);background:#3F8069;color:#fff !important}
body.variant-v14 .physician-card{border-radius:24px !important;border:0 !important;background:#f7f8fa !important;box-shadow:none !important;padding:18px 20px !important}
body.variant-v14 .physician-card:hover{background:#3F8069 !important;color:#fff !important}
body.variant-v14 .physician-card:hover *{color:#fff !important}

/* ─── V15 FORWARD FUTURISTIC ─── dark mode + sage neon glow */
body.variant-v15{background:#0a1226 !important;color:#c8d0e8 !important}
body.variant-v15 .hero,body.variant-v15 .site-header__main,body.variant-v15 .site-header__utility{background:#0a1226 !important}
body.variant-v15 .hero h1{color:#fff !important;text-shadow:0 0 30px rgba(63,128,105,0.45)}
body.variant-v15 .hero__lede{color:rgba(255,255,255,0.78) !important}
body.variant-v15 section{background:rgba(255,255,255,0.03);border:1px solid rgba(63,128,105,0.20);border-radius:16px;padding:1.75rem;margin-top:1.5rem;backdrop-filter:blur(20px)}
body.variant-v15 h2{color:#a9e6c6 !important;text-shadow:0 0 12px rgba(63,128,105,0.35);letter-spacing:-0.012em !important}
body.variant-v15 h3,body.variant-v15 .c-rx-heading{color:#e0e8fa !important;border-color:rgba(63,128,105,0.20) !important}
body.variant-v15 p,body.variant-v15 li{color:#c8d0e8 !important}
body.variant-v15 a{color:#a9e6c6 !important;text-decoration-color:rgba(63,128,105,0.40) !important}
body.variant-v15 a:hover{color:#fff !important;text-shadow:0 0 10px rgba(63,128,105,0.55)}
body.variant-v15 .c-contact-cta__inner{background:linear-gradient(135deg,rgba(63,128,105,0.18),rgba(32,48,112,0.40)) !important;border:1px solid rgba(63,128,105,0.40) !important;color:#fff !important;border-radius:18px !important;box-shadow:0 0 40px rgba(63,128,105,0.20)}
body.variant-v15 .c-contact-cta__inner *{color:#fff !important}
body.variant-v15 .c-contact-cta__inner::before{background:#a9e6c6 !important;box-shadow:0 0 20px rgba(169,230,198,0.6)}
body.variant-v15 .c-contact-cta__btn{background:#a9e6c6 !important;color:#0a1226 !important;box-shadow:0 0 24px rgba(169,230,198,0.45)}
body.variant-v15 :is(.related-conditions, .sidebar-card){background:rgba(255,255,255,0.03) !important;border:1px solid rgba(63,128,105,0.25) !important;border-radius:14px !important;padding:1.25rem 1.4rem !important}
body.variant-v15 :is(.related-conditions, .sidebar-card) *{color:#c8d0e8 !important}
body.variant-v15 :is(.related-conditions, .sidebar-card) h3{color:#a9e6c6 !important}
body.variant-v15 :is(.related-conditions, .sidebar-card) ul li a{border-bottom:1px solid rgba(63,128,105,0.12) !important;padding:0.55rem 0 !important;display:block}
body.variant-v15 :is(.related-conditions, .sidebar-card) ul li a:hover{color:#fff !important}
body.variant-v15 .physician-card{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(63,128,105,0.25) !important;color:#fff !important;border-radius:14px !important;box-shadow:none !important}
body.variant-v15 .physician-card *{color:#fff !important}
body.variant-v15 .physician-card:hover{border-color:#a9e6c6 !important;box-shadow:0 0 24px rgba(169,230,198,0.20) !important}

/* ─── V16 CARBON GRADIENT ─── soft gradient bg, photo-led modern */
body.variant-v16{background:linear-gradient(180deg,#f0f4fa 0%,#e8eef6 60%,#dce6f0 100%) !important}
body.variant-v16 .hero{background:transparent !important;padding:3.5rem 0 !important}
body.variant-v16 .hero h1{font-size:clamp(2.6rem,5vw,4.2rem) !important;background:linear-gradient(135deg,#1a2654 0%,#3F8069 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.026em !important}
body.variant-v16 section{background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);border-radius:20px;padding:1.75rem 2rem;margin-top:1.5rem;border:1px solid rgba(255,255,255,0.7);box-shadow:0 8px 30px rgba(15,18,38,0.05)}
body.variant-v16 .c-contact-cta__inner{background:linear-gradient(135deg,#1a2654,#3F8069) !important;color:#fff !important;border-radius:24px !important;border:0 !important;box-shadow:0 14px 40px rgba(15,18,38,0.15)}
body.variant-v16 .c-contact-cta__inner *{color:#fff !important}
body.variant-v16 .c-contact-cta__inner::before{display:none}
body.variant-v16 .c-contact-cta__btn{background:#fff !important;color:#1a2654 !important;font-weight:700 !important}
body.variant-v16 :is(.related-conditions, .sidebar-card){background:rgba(255,255,255,0.7) !important;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.7) !important;border-radius:20px !important;padding:1.4rem 1.6rem !important;box-shadow:0 6px 20px rgba(15,18,38,0.05)}
body.variant-v16 .physician-card{background:rgba(255,255,255,0.7) !important;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.7) !important;border-radius:18px !important;box-shadow:0 4px 14px rgba(15,18,38,0.06) !important}
body.variant-v16 .tab.is-active{background:linear-gradient(135deg,#1a2654,#3F8069);color:#fff !important;border-radius:10px;border-bottom:0 !important}

/* ─── V17 NEJM ACADEMIC ─── strict 2-col, footnote refs, condensed stats */
body.variant-v17{font-family:var(--font-display) !important}
body.variant-v17 .hero h1{font-family:var(--font-display) !important;font-weight:600 !important;font-size:clamp(2.2rem,4vw,3.2rem) !important;letter-spacing:-0.015em !important}
body.variant-v17 .hero__lede{font-family:var(--font-display) !important;font-size:1.15rem !important;color:#2a3760 !important}
body.variant-v17 h2{font-family:var(--font-display) !important;font-size:1.45rem !important;border-bottom:2px solid #1a2654 !important;padding-bottom:0.4rem !important;font-weight:600 !important;letter-spacing:0}
body.variant-v17 h3{font-family:var(--font-display) !important;font-style:italic !important;font-weight:600 !important}
body.variant-v17 .c-rx-heading{font-family:var(--font-display) !important;font-style:italic !important;font-weight:600 !important;border:0 !important;padding:0 !important;color:#1a2654 !important}
body.variant-v17 section p:first-of-type{column-count:1}
body.variant-v17 .c-contact-cta__inner{background:#fff !important;border:1px solid #1a2654 !important;border-radius:0 !important;border-top-width:4px !important}
body.variant-v17 .c-contact-cta__inner::before{display:none}
body.variant-v17 :is(.related-conditions, .sidebar-card){background:transparent !important;border:0 !important;border-top:1px solid #1a2654 !important;border-bottom:1px solid #1a2654 !important;border-radius:0 !important;padding:0.75rem 0 !important}
body.variant-v17 :is(.related-conditions, .sidebar-card) h3{font-family:var(--font-display) !important;font-style:normal !important;text-transform:uppercase !important;letter-spacing:0.15em !important;font-size:0.78rem !important;color:#1a2654 !important;margin-bottom:0.6rem}
body.variant-v17 :is(.related-conditions, .sidebar-card) ul li{background:transparent !important;border:0 !important;border-bottom:1px dotted rgba(32,48,112,0.20) !important;padding:0 !important;font-family:var(--font-display) !important}
body.variant-v17 :is(.related-conditions, .sidebar-card) ul li a{padding:0.5rem 0 !important;font-family:var(--font-display) !important;display:block}
body.variant-v17 .physician-card{border:0 !important;border-bottom:1px dotted rgba(32,48,112,0.25) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:14px 0 !important}
body.variant-v17 .physician-card:hover{background:rgba(63,128,105,0.04) !important;transform:none !important;box-shadow:none !important}
body.variant-v17 .tab{font-family:var(--font-display) !important;font-style:italic;font-size:0.95rem !important}

/* ─── V18 MASS GENERAL EDITORIAL ─── photo-style hero, masthead title, drop-cap */
body.variant-v18 .hero{border-top:4px solid #3F8069;border-bottom:1px solid rgba(32,48,112,0.20);padding:3rem 0 2.25rem !important;position:relative}
body.variant-v18 .hero::before{content:"OSI · CLINICAL REFERENCE";position:absolute;top:0.65rem;left:50%;transform:translateX(-50%);font-family:var(--font);font-size:0.7rem;letter-spacing:0.25em;color:#3F8069;font-weight:700}
body.variant-v18 .hero h1{font-family:var(--font-display) !important;font-size:clamp(2.8rem,5.5vw,4.4rem) !important;font-weight:700 !important;text-align:center !important;letter-spacing:-0.025em !important}
body.variant-v18 .hero__lede{text-align:center !important;font-style:italic !important;font-family:var(--font-display) !important;font-size:1.25rem !important;max-width:60ch;margin-left:auto !important;margin-right:auto !important}
body.variant-v18 section p:first-of-type::first-letter{font-family:var(--font-display);font-weight:700;color:#3F8069;float:left;font-size:3.6rem;line-height:0.85;padding:0.4rem 0.7rem 0 0;margin-top:0.2rem}
body.variant-v18 h2{font-family:var(--font-display) !important;font-style:italic !important;font-size:1.85rem !important;font-weight:700 !important;letter-spacing:-0.015em !important}
body.variant-v18 .c-contact-cta__inner{background:#fff !important;border:0 !important;border-top:2px solid #3F8069 !important;border-bottom:2px solid #3F8069 !important;border-radius:0 !important;text-align:center !important}
body.variant-v18 .c-contact-cta__inner h2{font-style:normal !important;font-size:1.6rem !important}
body.variant-v18 .c-contact-cta__inner::before{display:none}
body.variant-v18 :is(.related-conditions, .sidebar-card){background:transparent !important;border:0 !important;border-top:1px solid rgba(32,48,112,0.20) !important;border-radius:0 !important;padding:1rem 0 0 !important}
body.variant-v18 :is(.related-conditions, .sidebar-card) ul li a{font-family:var(--font-display) !important;font-size:1rem !important}
body.variant-v18 .physician-card{border:0 !important;border-bottom:1px solid rgba(32,48,112,0.10) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:16px 4px !important}

/* ─── V19 LINEAR CRISP ─── pure white, no shadows, dense scale, chip tags */
body.variant-v19{background:#fff !important}
body.variant-v19 section{padding:1.5rem 0;border-top:1px solid rgba(32,48,112,0.06);margin-top:1.5rem}
body.variant-v19 h1{font-size:clamp(2rem,3.6vw,2.8rem) !important;letter-spacing:-0.022em !important;font-weight:600 !important}
body.variant-v19 h2{font-size:1.25rem !important;letter-spacing:-0.01em !important;color:#1a2654 !important;font-weight:600 !important}
body.variant-v19 h3{font-size:0.95rem !important;font-weight:600 !important;color:#1a2654 !important}
body.variant-v19 .c-rx-heading{font-size:0.95rem !important;border:0 !important;padding:0 !important;font-weight:600 !important;font-family:var(--font) !important}
body.variant-v19 .hero__lede{font-size:1.1rem !important;color:#6c7593 !important}
body.variant-v19 .c-contact-cta__inner{background:#f7f8fa !important;border:1px solid rgba(32,48,112,0.08) !important;border-radius:8px !important;box-shadow:none !important}
body.variant-v19 .c-contact-cta__inner::before{display:none}
body.variant-v19 .c-contact-cta__btn{background:#1a2654 !important;border-radius:6px !important;font-size:0.92rem !important;padding:0.65rem 1.3rem !important}
body.variant-v19 :is(.related-conditions, .sidebar-card){background:#f7f8fa !important;border:1px solid rgba(32,48,112,0.08) !important;border-radius:8px !important;padding:1rem 1.2rem !important}
body.variant-v19 :is(.related-conditions, .sidebar-card) h3{font-family:var(--font) !important;font-size:0.78rem !important;text-transform:uppercase !important;letter-spacing:0.08em !important;color:#6c7593 !important;font-weight:600 !important}
body.variant-v19 :is(.related-conditions, .sidebar-card) ul li a{font-size:0.9rem !important;padding:0.32rem 0 !important;display:block}
body.variant-v19 .physician-card{border:1px solid rgba(32,48,112,0.08) !important;border-radius:8px !important;box-shadow:none !important;background:#fff !important;padding:12px 14px !important}
body.variant-v19 .physician-card:hover{background:#f7f8fa !important;border-color:rgba(32,48,112,0.16) !important;transform:none !important;box-shadow:none !important}
body.variant-v19 .tab{font-size:0.82rem !important;padding:0.5rem 0.85rem !important;border-radius:6px;background:transparent;border-bottom:0 !important;margin:0 0.15rem 0 0;min-height:auto !important}
body.variant-v19 .tab.is-active{background:rgba(32,48,112,0.08) !important;color:#1a2654 !important}
body.variant-v19 .tab:hover{background:rgba(32,48,112,0.04) !important;color:#1a2654 !important}
body.variant-v19 .tab-nav{border-bottom:0 !important}

/* ─── V20 SIRIO-LIBANES LUXURY ─── dark cream + navy + sage, large italics */
body.variant-v20{background:#f4f0e6 !important;color:#1a2654 !important}
body.variant-v20 .hero{background:#0d1a3a !important;color:#f4f0e6 !important;padding:4rem 0 3.5rem !important;position:relative;border-bottom:6px solid #3F8069}
body.variant-v20 .hero h1{color:#f4f0e6 !important;font-family:var(--font-display) !important;font-style:italic !important;font-weight:600 !important;font-size:clamp(3rem,6vw,5rem) !important;letter-spacing:-0.025em !important}
body.variant-v20 .hero__lede{color:rgba(244,240,230,0.78) !important;font-family:var(--font-display) !important;font-size:1.35rem !important;font-style:italic !important;max-width:62ch}
body.variant-v20 section{background:#fff;border-radius:0;padding:2rem 2.25rem;margin-top:1.25rem;border-left:4px solid #3F8069}
body.variant-v20 h2{font-family:var(--font-display) !important;font-style:italic !important;font-weight:700 !important;color:#0d1a3a !important;font-size:1.85rem !important;letter-spacing:-0.018em !important}
body.variant-v20 h3,body.variant-v20 .c-rx-heading{font-family:var(--font-display) !important;font-style:italic !important;color:#3F8069 !important;border:0 !important;padding:0 !important;font-weight:600 !important}
body.variant-v20 .c-contact-cta__inner{background:#0d1a3a !important;color:#f4f0e6 !important;border-radius:0 !important;border:0 !important;border-left:4px solid #3F8069 !important;padding:3rem 2.5rem !important}
body.variant-v20 .c-contact-cta__inner *{color:#f4f0e6 !important}
body.variant-v20 .c-contact-cta__inner h2{font-family:var(--font-display) !important;font-style:italic !important;font-size:2rem !important}
body.variant-v20 .c-contact-cta__inner::before{background:#3F8069 !important;width:100px !important;height:3px !important}
body.variant-v20 .c-contact-cta__btn{background:#3F8069 !important;color:#fff !important;border-radius:0 !important;font-family:var(--font) !important;letter-spacing:0.1em !important;text-transform:uppercase !important;font-size:0.85rem !important;font-weight:600 !important;padding:0.85rem 1.8rem !important}
body.variant-v20 :is(.related-conditions, .sidebar-card){background:#fff !important;border:0 !important;border-left:4px solid #3F8069 !important;border-radius:0 !important;padding:1.4rem 1.6rem !important}
body.variant-v20 :is(.related-conditions, .sidebar-card) h3{font-family:var(--font-display) !important;font-style:italic !important;color:#0d1a3a !important;font-size:1.05rem !important;font-weight:700 !important}
body.variant-v20 :is(.related-conditions, .sidebar-card) ul li{background:transparent !important;border:0 !important;border-bottom:1px solid rgba(13,26,58,0.10) !important;padding:0 !important}
body.variant-v20 :is(.related-conditions, .sidebar-card) ul li a{font-family:var(--font-display) !important;padding:0.6rem 0 !important;display:block;font-size:1rem !important}
body.variant-v20 .physician-card{border:0 !important;border-left:3px solid rgba(63,128,105,0.40) !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important;padding:16px 18px !important}
body.variant-v20 .physician-card:hover{border-left-color:#3F8069 !important;background:#faf6ec !important;transform:none !important;box-shadow:none !important}
body.variant-v20 .tab{font-family:var(--font-display) !important;font-style:italic !important;font-size:1rem !important}
body.variant-v20 .tab.is-active{color:#3F8069 !important;border-bottom-color:#3F8069 !important;border-bottom-width:2px !important}