/* =========================================================
   eBaohiem PAGE - nội dung trang tĩnh / bài so sánh bảo hiểm
   Load cùng ebaohiem-ui.css trên page_layout_ebaohiem.php
   ========================================================= */

.eb-page{padding:40px 0 72px}
.eb-page__inner{max-width:880px;margin:0 auto}

/* ---------- Typography cho nội dung CMS (raw HTML) ---------- */
.eb-page__inner h1{font-size:clamp(26px,3.4vw,38px);margin-bottom:16px}
.eb-page__inner h2{font-size:24px;margin:40px 0 16px;padding-top:8px;border-top:1px solid var(--eb-border);padding-top:24px}
.eb-page__inner h2:first-child{border-top:none;padding-top:0;margin-top:0}
.eb-page__inner h3{font-size:18px;margin:28px 0 12px;color:var(--eb-blue-deep)}
.eb-page__inner p{font-size:15.5px;color:var(--eb-ink);margin-bottom:16px}
.eb-page__inner ul,.eb-page__inner ol{margin:0 0 16px;padding-left:22px;font-size:15.5px;color:var(--eb-ink)}
.eb-page__inner li{margin-bottom:8px}
.eb-page__inner a{color:var(--eb-blue);text-decoration:underline}
.eb-page__inner img{border-radius:12px;margin:16px 0}
.eb-page__inner blockquote{border-left:4px solid var(--eb-orange);background:var(--eb-orange-soft);padding:14px 18px;border-radius:0 10px 10px 0;margin:20px 0;font-size:15px;color:var(--eb-blue-deep)}

/* ---------- Eyebrow / lead riêng cho trang nội dung ---------- */
.eb-page__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--eb-orange);margin-bottom:10px}
.eb-page__eyebrow::before{content:"";width:18px;height:2px;background:var(--eb-orange);display:block}
.eb-page__lead{font-size:16.5px;color:var(--eb-grey);max-width:680px;margin-bottom:8px}

/* =========================================================
   BẢNG SO SÁNH BẢO HIỂM (paste vào nội dung trang CMS)
   ========================================================= */
.eb-table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--eb-border);border-radius:14px}
.eb-compare-table{width:100%;border-collapse:collapse;min-width:680px;font-size:14px;background:#fff}
.eb-compare-table th,.eb-compare-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--eb-border);white-space:nowrap}
.eb-compare-table td:first-child,.eb-compare-table th:first-child{white-space:normal;font-weight:700;color:var(--eb-blue-ink);min-width:200px;position:sticky;left:0;background:#fff;z-index:1}
.eb-compare-table thead th{background:var(--eb-blue-deep);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.03em}
.eb-compare-table thead th:first-child{background:var(--eb-blue-deep)}
.eb-compare-table tbody tr:nth-child(even) td{background:var(--eb-bg)}
.eb-compare-table tbody tr:nth-child(even) td:first-child{background:var(--eb-bg)}
.eb-compare-table tbody tr:last-child td{border-bottom:none}

/* Cột gói được đề xuất / nổi bật */
.eb-compare-table th.is-best,.eb-compare-table td.is-best{background:#EAFBF1!important}
.eb-compare-table thead th.is-best{background:var(--eb-green)!important;color:#fff;position:relative}
.eb-compare-table thead th.is-best::after{content:"Đề xuất";display:block;margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#fff;text-transform:none}

/* Icon đúng / sai trong bảng */
.eb-yes,.eb-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-weight:800;font-size:13px}
.eb-yes{background:#EAFBF1;color:var(--eb-green)}
.eb-no{background:#FDECEC;color:#D24B4B}

/* Ghi chú dưới bảng */
.eb-table-note{font-size:13px;color:var(--eb-grey);margin-top:-8px;margin-bottom:24px}

/* CTA box trong nội dung */
.eb-content-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--eb-bg);border:1px solid var(--eb-border);border-radius:14px;padding:22px 24px;margin:28px 0}
.eb-content-cta p{margin:0;font-size:15px;font-weight:600;color:var(--eb-blue-ink)}

@media (max-width:760px){
  .eb-page{padding:28px 0 52px}
  .eb-page__inner h2{font-size:21px}
}