/* ====== MOBILE-FIRST, ACCESSIBLE, RESPONSIVE ====== */
    :root{
      --brand:#5b6cff;     /* medical violet-blue */
      --ink:#0f1a2a;
      --muted:#6b7280;
      --card:#f5f7fb;
      --line:#e6e9f0;
      --ok:#0ea5e9;
      --radius:16px;
      --shadow:0 6px 24px rgba(15,26,42,.06);
    }
    html,body{margin:0;padding:0;background:#fff;color:var(--ink);
      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
    img{max-width:100%;height:auto;display:block}
    .wrap{max-width:1120px;margin:auto;padding:24px 16px 64px}
    .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
      font-weight:600;font-size:.82rem;margin-bottom:.25rem}
    h1{font-size:clamp(1.6rem,4.5vw,2.6rem);line-height:1.2;margin:.25rem 0 .75rem}
    h2{font-size:clamp(1.25rem,3.2vw,1.7rem);margin:1.6rem 0 .6rem}
    h3{font-size:clamp(1.05rem,2.8vw,1.15rem);margin:1rem 0 .4rem}
    p,li{line-height:1.7}
    .lead{font-size:1.05rem;color:#1f2937}

    .hero{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);
      overflow:hidden;background:linear-gradient(135deg,#eef2ff 0,#fff 60%);}
    .hero__inner{display:grid;gap:18px;padding:18px}
    .hero__media{border-top:1px solid var(--line)}
    @media (min-width:880px){
      .hero__inner{grid-template-columns:1.15fr .85fr;align-items:center;padding:24px}
      .hero__media{border-top:0}
    }

    .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;
      font-weight:700;transition:transform .05s ease,box-shadow .2s ease}
    .btn:active{transform:translateY(1px)}
    .btn--primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px rgba(91,108,255,.25)}
    .btn--ghost{border:1px solid var(--line);color:var(--ink);background:#fff}

    .grid{display:grid;gap:14px}
    .grid--2{grid-template-columns:1fr}
    @media (min-width:860px){.grid--2{grid-template-columns:repeat(2,1fr)}}

    .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
    .note{font-size:.92rem;color:var(--muted)}
    .aside{background:#f1f5f9;border:1px solid var(--line);border-radius:14px;padding:14px;color:#334155}

    /* ====== RESPONSIVE TABLE → STACKED ON MOBILE ====== */
    .table{border:1px solid var(--line);border-radius:14px;overflow:hidden}
    table{width:100%;border-collapse:collapse;font-size:.98rem}
    th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
    th{background:#eef2ff;text-align:left}
    /* Stacked cards on small screens */
    @media (max-width:740px){
      table, thead, tbody, th, td, tr{display:block}
      thead{display:none}
      tr{border-bottom:1px solid var(--line)}
      td{border-bottom:1px dashed var(--line);padding:10px 12px}
      td::before{content:attr(data-label);display:block;font-weight:700;color:#111827;margin-bottom:4px}
      td:last-child{border-bottom:0}
    }

    /* FAQ */
    .faq details{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}
    .faq details+details{margin-top:10px}
    .faq summary{cursor:pointer;font-weight:700}

    /* In-article sticky CTA on mobile for higher conversions */
    .sticky-cta{
      position:sticky;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);
      padding:10px 12px;display:flex;gap:10px;justify-content:space-between;align-items:center
    }
    .sticky-cta .btn{flex:1;text-align:center;padding:12px}
    @media (min-width:860px){.sticky-cta{display:none}}