:root{
      --brand:#0d3b66;        /* medical blue */
      --accent:#2bb4a6;       /* clean teal */
      --ink:#16202a;
      --muted:#6b7785;
      --bg:#f7fbff;
      --card:#ffffff;
      --ok:#2bb673;
      --warn:#ffb020;
    }
    *{box-sizing:border-box}
    body{
      margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;
      color:var(--ink); background:var(--bg); line-height:1.65;
    }
    header.hero{
      background:linear-gradient(135deg, var(--brand), #134a86);
      color:#fff; padding:64px 20px 48px;
      text-align:center;
    }
    .wrap{max-width:1060px; margin:0 auto; padding:0 20px}
    h1{font-size:clamp(28px, 4.6vw, 44px); margin:0 0 10px; letter-spacing:.2px}
    .subtitle{opacity:.9; font-size:18px; margin:0 auto 16px; max-width:820px}
    .cta-row{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:14px}
    .btn{
      display:inline-block; padding:12px 18px; border-radius:12px; text-decoration:none; border:2px solid transparent;
      font-weight:700; letter-spacing:.2px;
    }
    .btn.primary{background:#fff; color:var(--brand)}
    .btn.ghost{border-color:#fff; color:#fff}
    .meta{display:flex; gap:18px; justify-content:center; opacity:.9; font-size:14px; margin-top:12px}

    main article{margin:40px 0 80px}
    section.card{
      background:var(--card); border-radius:18px; padding:28px; margin:18px 0; box-shadow:0 8px 30px rgba(10,40,90,.06);
    }
    h2{font-size:28px; margin:0 0 14px; color:var(--brand)}
    h3{font-size:20px; margin:24px 0 10px; color:#0e2a4a}
    p{margin:10px 0}
    ul{margin:8px 0 10px 22px}
    .toc a{color:var(--brand); text-decoration:none}
    .toc a:hover{text-decoration:underline}
    .grid-2{display:grid; grid-template-columns:1fr 1fr; gap:22px}
    @media (max-width:860px){.grid-2{grid-template-columns:1fr}}

    .cmp{
      width:100%; border-collapse:collapse; overflow:hidden; border-radius:14px; box-shadow:0 6px 24px rgba(0,0,0,.05);
    }
    .cmp th, .cmp td{padding:14px 16px; text-align:left; vertical-align:top}
    .cmp thead th{background:#eaf3ff; color:#0e2a4a; font-size:15px}
    .cmp tbody tr:nth-child(odd){background:#fafcff}
    .pill{display:inline-block; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700}
    .pill.ok{background:#e7f7ef; color:var(--ok)}
    .pill.warn{background:#fff3da; color:#a86b05}
    .icon{font-weight:900; margin-right:6px}

    .sticky-cta{
      position:sticky; bottom:8px; z-index:50; background:#fff; border:1px solid #e7eef8;
      border-radius:16px; padding:10px 14px; display:flex; align-items:center; gap:14px;
      box-shadow:0 10px 30px rgba(22,32,42,.08); margin:18px 0;
    }
    .sticky-cta .btn{padding:10px 14px}
    .note{font-size:13px; color:var(--muted)}
    .faq details{border:1px solid #e7eef8; border-radius:14px; padding:14px 16px; margin:10px 0; background:#fff}
    .faq summary{cursor:pointer; font-weight:700; color:#0e2a4a}
    .badge{background:var(--accent); color:#fff; padding:2px 10px; border-radius:999px; font-size:12px; letter-spacing:.3px}

    .imgbox{background:#eef6ff; border:1px dashed #c5daff; border-radius:12px; padding:16px; text-align:center; color:#456}
    footer{padding:40px 0; color:var(--muted); font-size:13px}