/* ═══════════════════════════════════════════════════════════════════
   TIN TỨC: trang danh sách và trang bài.
   Bài đọc là chính nên cột chữ hẹp (70 ký tự), ảnh rộng hơn cột chữ một chút
   để mắt có điểm nghỉ, nguồn tham chiếu nằm cuối dạng danh sách kẻ chỉ.
   Dùng lại lớp .fire-* và .pd-* của trang sản phẩm, chỉ thêm phần riêng của bài.
   ═══════════════════════════════════════════════════════════════════ */
.art-head{padding:44px 0 0;background:#fff}
.art-head h1{margin:10px 0 0;font-size:clamp(30px,3.6vw,46px);line-height:1.15;letter-spacing:-.03em;color:var(--ink);font-weight:800;max-width:20ch}
.art-lead{margin:16px 0 28px!important;font-size:19px!important;line-height:1.65!important;color:#36485b!important;max-width:62ch}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0!important;font-size:14px;color:#5b6f86}
.art-meta span{font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.art-meta time{position:relative;padding-left:16px}
.art-meta time::before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:#9fb0c2}

/* Ảnh mở bài: tràn rộng hơn cột chữ, chú thích ngay dưới */
.art-photo{margin:0 0 8px;width:min(1240px,calc(100% - 40px));margin-inline:auto}
.art-photo img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:var(--r-card,12px);display:block}
.art-photo figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:#5b6f86}

/* Thân bài: cột chữ hẹp cho dễ đọc */
.art-body{padding:24px 0 56px}
.art-body .fire-wrap{max-width:none}
.art-body h2{font-size:clamp(23px,2.4vw,30px);line-height:1.25;letter-spacing:-.02em;margin:38px 0 12px;max-width:26ch}
.art-body p{font-size:17px;line-height:1.75;color:#36485b;margin:0 0 16px;max-width:70ch}
.art-body .fire-steps{margin-top:22px}
.art-body .fire-alert{margin:28px 0}
.art-body .pd-cta{margin-top:18px}

/* Khối tóm tắt đầu bài */
.art-key{border:1px solid var(--rail,#d9e2e9);border-left:3px solid var(--blue);border-radius:0 var(--r-card,12px) var(--r-card,12px) 0;
  background:var(--ice,#f5f9fd);padding:20px 22px;margin:8px 0 34px;max-width:72ch}
.art-key b{display:block;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6f86;margin-bottom:10px}
.art-key ul{list-style:none;margin:0;padding:0}
.art-key li{position:relative;padding:6px 0 6px 20px;font-size:16px;line-height:1.6;color:var(--ink)}
.art-key li::before{content:"";position:absolute;left:2px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--blue)}

.art-table th,.art-table td{font-size:16px;line-height:1.6}
.art-table tbody th{width:22%;color:var(--ink)}

/* Nguồn tham chiếu */
.art-sources{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--rail,#d9e2e9);max-width:72ch}
.art-sources li{border-bottom:1px solid var(--rail,#d9e2e9)}
.art-sources a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:2px 12px;padding:14px 2px;color:var(--ink)}
.art-sources b{font-size:16px;font-weight:600;line-height:1.45}
.art-sources span{grid-column:1;font-size:14px;color:#5b6f86}
.art-sources i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--blue)}
.art-sources a:hover b{color:var(--blue)}
.art-sources .src{display:grid;gap:2px;margin:0!important;padding:14px 2px;max-width:none!important}
.art-sources .src b{font-size:16px;font-weight:600;line-height:1.45;color:var(--ink)}
.art-sources .src span{font-size:14px;color:#5b6f86}

/* Danh sách bài */
.art-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rail,#d9e2e9)}
.art-list li{border-bottom:1px solid var(--rail,#d9e2e9)}
.art-list a{display:grid;grid-template-columns:260px minmax(0,1fr) 28px;gap:24px;align-items:center;padding:22px 4px;color:var(--ink)}
.art-list figure{margin:0}
.art-list img{width:100%;height:150px;object-fit:cover;border-radius:10px;display:block}
.art-list .cat{display:block;font-size:14px;color:#5b6f86;margin-bottom:6px}
.art-list b{display:block;font-size:21px;font-weight:650;line-height:1.35;letter-spacing:-.01em;margin-bottom:8px}
.art-list .d{display:block;font-size:16px;line-height:1.6;color:#36485b}
.art-list i{font-style:normal;color:var(--blue);font-size:19px;justify-self:end}
.art-list a:hover{background:var(--ice,#f5f9fd)}
/* ── Trang danh sách /tin-tuc/: bố cục theo thư viện kiến thức baohiempvi-vn, màu và font pvihcm ── */
.nl-hero{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 132px;color:#fff;
  background:radial-gradient(circle at 80% 14%,rgba(92,200,255,.34),transparent 30%),radial-gradient(circle at 8% 110%,rgba(203,37,48,.16),transparent 34%),linear-gradient(132deg,#052c57 0%,#063d79 52%,#0b62a8 100%)}
.nl-hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.7;
  background-image:linear-gradient(rgba(178,226,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(178,226,255,.11) 1px,transparent 1px);background-size:62px 62px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 88%);mask-image:linear-gradient(90deg,#000,transparent 88%)}
.nl-hero .fire-wrap{position:relative}
.nl-eyebrow{margin:0!important;font-size:13px!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8fdcff!important}
.nl-hero h1{margin:16px 0 18px;max-width:20ch;font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.05em;color:#fff}
.nl-hero h1 em{font-style:normal;color:#7fd3f7}
.nl-hero p:not(.nl-eyebrow){margin:0!important;max-width:640px;font-size:17px!important;line-height:1.7!important;color:rgba(229,244,255,.88)!important}
.nl-streams{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:-92px!important}
.nl-tile{display:grid;grid-template-columns:58px 1fr;gap:6px;padding:24px 24px;background:linear-gradient(180deg,#fff 0%,#fff 62%,#f4f9fe 100%);border:1px solid #d8e7f5;border-radius:20px;box-shadow:0 18px 40px rgba(6,61,121,.13);color:var(--ink);transition:border-color .2s,box-shadow .2s,transform .2s}
.nl-tile:hover{border-color:#7fb4e6;box-shadow:0 24px 50px rgba(6,61,121,.2);transform:translateY(-3px)}
.nl-idx{grid-row:span 3;font-size:36px;font-weight:800;line-height:1;letter-spacing:-.05em;background:linear-gradient(135deg,#0b62a8,#063d79);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl-tile strong{font-size:20px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:#063d79}
.nl-hint{font-size:15px;color:#586574}
.nl-count{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:700;color:#0b62a8}
.nl-count i{font-style:normal;transition:transform .2s}
.nl-tile:hover .nl-count i{transform:translateY(3px)}

.nl-section{padding-top:72px;scroll-margin-top:84px}
.nl-section:last-of-type{padding-bottom:8px}
.nl-head{max-width:720px;margin-bottom:28px}
.nl-kicker{display:block;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#165a9c}
.nl-head h2{margin:10px 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.12;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.nl-head p{margin:0;font-size:16px;line-height:1.65;color:#586574}
.nl-label{display:block;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#165a9c}
.nl-date{font-size:14px;color:#586574}
.nl-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-top:auto;padding-top:16px}
.nl-meta b{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:15px;font-weight:700;color:#165a9c}
.nl-meta b i{font-style:normal;transition:transform .2s}
.nl-feature:hover .nl-meta b i,.nl-latest:hover .nl-meta b i{transform:translateX(4px)}

/* 01 Tin sản phẩm: thẻ ảnh lớn + thẻ ảnh nhỏ */
.nl-bento{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.nl-feature{position:relative;display:flex;min-height:460px;overflow:hidden;border-radius:20px;color:#fff}
.nl-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.72,.24,1)}
.nl-feature:hover img{transform:scale(1.04)}
.nl-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,67,.05) 18%,rgba(7,31,67,.9) 78%)}
.nl-feature-copy{position:relative;z-index:1;align-self:flex-end;display:flex;flex-direction:column;padding:28px}
.nl-feature .nl-label{color:#bfe3ff}
.nl-feature h3{margin:10px 0;font-size:clamp(22px,2.3vw,30px);line-height:1.2;letter-spacing:-.03em;color:#fff;text-wrap:balance}
.nl-feature p{margin:0;font-size:16px;line-height:1.6;color:rgba(235,245,255,.92)}
.nl-feature .nl-date{color:rgba(225,239,255,.88)}
.nl-feature .nl-meta b{color:#fff}
.nl-photos{display:grid;grid-template-columns:1fr;gap:16px;list-style:none;margin:0;padding:0}
.nl-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);height:100%;overflow:hidden;background:#fff;border:1px solid #dfe7ee;border-radius:16px;color:var(--ink);transition:box-shadow .2s,transform .2s}
.nl-card:hover{box-shadow:0 16px 34px rgba(7,31,67,.1);transform:translateY(-2px)}
.nl-photo{display:block;overflow:hidden;background:#eef3f7}
.nl-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.72,.24,1)}
.nl-card .nl-photo{min-height:200px}
.nl-card:hover .nl-photo img,.nl-latest:hover .nl-photo img{transform:scale(1.05)}
.nl-card-copy{display:flex;flex-direction:column;gap:8px;padding:18px 20px}
.nl-card-copy h3{margin:0;font-size:17px;font-weight:700;line-height:1.38;letter-spacing:-.015em}
.nl-card-copy .nl-date{margin-top:auto}

/* 02 Tin tức chung: thẻ mới nhất + dòng thời gian */
.nl-news{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:start}
.nl-latest{display:flex;flex-direction:column;overflow:hidden;background:#f5f7f9;border:1px solid #d9e2e9;border-radius:20px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.nl-latest:hover{border-color:#8fb3d6;box-shadow:0 16px 34px rgba(7,31,67,.1)}
.nl-latest .nl-photo{aspect-ratio:16/9}
.nl-latest-copy{display:flex;flex-direction:column;padding:24px 28px 26px}
.nl-badge{align-self:flex-start;margin-bottom:14px;padding:5px 12px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nl-latest h3{margin:10px 0 12px;font-size:clamp(22px,2.2vw,28px);line-height:1.22;letter-spacing:-.03em;text-wrap:balance}
.nl-latest p{margin:0;font-size:16px;line-height:1.65;color:#586574}
.nl-timeline{display:grid;gap:4px;list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid #d9e2e9}
.nl-timeline li{position:relative;padding:4px 0 18px}
.nl-timeline li::before{content:"";position:absolute;left:-30px;top:8px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #165a9c}
.nl-timeline .nl-date{display:block;margin-bottom:4px;font-weight:700}
.nl-timeline a{display:block;color:var(--ink)}
.nl-timeline h3{margin:6px 0;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.015em;transition:color .2s}
.nl-timeline a:hover h3{color:#165a9c;text-decoration:underline;text-underline-offset:3px}
.nl-timeline p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:15px;line-height:1.6;color:#586574}
.nl-total{margin:56px 0 64px!important;font-size:14px;line-height:1.6;color:#586574}

.nl-tile:focus-visible,.nl-feature:focus-visible,.nl-card:focus-visible,.nl-latest:focus-visible,.nl-timeline a:focus-visible{outline:3px solid rgba(22,90,156,.45);outline-offset:3px}

/* Mục chỉ có một bài: thẻ chiếm trọn chiều ngang, ảnh và chữ nằm cạnh nhau */
.nl-solo{grid-template-columns:1fr}
.nl-news.nl-solo .nl-latest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.nl-news.nl-solo .nl-latest .nl-photo{aspect-ratio:auto;min-height:320px}
@media (max-width:1024px){
  .nl-streams{grid-template-columns:1fr}
  .nl-tile{grid-template-columns:48px 1fr auto;align-items:center;column-gap:14px;padding:18px 22px}
  .nl-idx{grid-row:auto;font-size:28px}
  .nl-hint{display:none}
  .nl-count{margin-top:0;white-space:nowrap}
  .nl-bento,.nl-news{grid-template-columns:1fr}
  .nl-news.nl-solo .nl-latest{display:flex}
  .nl-news.nl-solo .nl-latest .nl-photo{min-height:0;aspect-ratio:16/9}
  .nl-feature{min-height:400px}
}
@media (max-width:760px){
  .nl-hero{padding:52px 0 112px}
  .nl-hero p:not(.nl-eyebrow){font-size:16px!important}
  .nl-streams{gap:10px;margin-top:-84px!important}
  .nl-tile{grid-template-columns:40px 1fr auto;column-gap:12px;padding:15px 18px}
  .nl-idx{font-size:24px}
  .nl-tile strong{font-size:17px}
  .nl-section{padding-top:52px}
  .nl-feature{min-height:420px}
  .nl-feature-copy,.nl-latest-copy{padding:22px}
  .nl-card{grid-template-columns:1fr}
  .nl-card .nl-photo{min-height:0;aspect-ratio:16/9}
}
@media (prefers-reduced-motion:reduce){
  .nl-tile,.nl-card,.nl-feature img,.nl-photo img,.nl-meta b i,.nl-count i{transition:none}
  .nl-tile:hover,.nl-card:hover{transform:none}
}
.art-list a:hover b{color:var(--blue)}

@media(max-width:820px){
  .art-head{padding:28px 0 0}
  .art-lead{font-size:17px!important;margin-bottom:22px!important}
  .art-photo{width:calc(100% - 40px)}
  .art-photo img{max-height:240px}
  .art-body{padding:18px 0 40px}
  .art-body h2{margin:30px 0 10px}
  .art-body p{font-size:16px}
  .art-list a{grid-template-columns:minmax(0,1fr) 24px;gap:4px 14px;padding:18px 2px}
  .art-list figure{grid-column:1/-1;margin-bottom:10px}
  .art-list img{height:180px}
  .art-list b{font-size:19px}
}

/* Trang danh sách: mở đầu và danh sách sát nhau hơn, bớt mảng trống giữa trang. */
.art-head+.pd-section{padding-top:4px}
.art-head .art-lead{margin-bottom:10px!important}


/* ═══════════════════════════════════════════════════════════════════
   BÀI THÔNG CÁO (.ann-*): tin nhân sự, sự kiện của đơn vị.
   Một cột đọc 700px giữa trang; ảnh và khối nhân sự rộng hơn cột chữ.
   Không dùng hộp viền + bóng; phân lớp bằng nền nhạt và đường kẻ chỉ.
   ═══════════════════════════════════════════════════════════════════ */
.ann{--col:700px;--wide:1120px;--line:#dbe4ec;--sub:#4a5d72}
.ann-col{width:min(var(--col),calc(100% - 2*var(--gutter,24px)));margin-inline:auto}
.ann-wide{width:min(var(--wide),calc(100% - 2*var(--gutter,24px)));margin-inline:auto}

.ann-head{padding:52px 0 30px}
.ann .ann-crumb{display:flex;gap:10px;align-items:center;font-size:14px;color:#5b6f86;margin:0 0 22px}
.ann-crumb a{color:var(--blue);font-weight:600;padding:10px 0;margin:-10px 0}
.ann-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.ann-head h1{margin:0;font-size:clamp(30px,4.2vw,46px);line-height:1.14;letter-spacing:-.032em;font-weight:800;color:var(--ink);text-wrap:balance}
.ann .ann-lead{margin:20px 0 0;font-size:clamp(17px,1.6vw,19px);line-height:1.68;color:var(--sub);text-wrap:pretty}
.ann .ann-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:#5b6f86}
.ann-meta>*+*::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#9fb0c2;margin:0 12px;vertical-align:middle}
.ann-meta time{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

.ann-hero{width:min(var(--wide),calc(100% - 2*var(--gutter,24px)));margin:0 auto}
.ann-hero img{aspect-ratio:16/9;object-fit:cover;object-position:50% 62%;border-radius:var(--r-card,16px)}
.ann figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:#5b6f86}
.ann-hero figcaption{max-width:var(--col)}

/* Khối nhân sự: hai cột ngang hàng, chia bằng đường kẻ */
.ann-people{margin-top:48px;padding:44px 0 48px;background:linear-gradient(180deg,#f3f8fc,#f8fbfd)}
.ann-people h2{margin:0 0 22px;font-size:15px;font-weight:600;color:#5b6f86;letter-spacing:.01em}
.ann-grid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}
.ann-person{padding:24px 40px 4px 0}
.ann-person+.ann-person{padding:24px 0 4px 40px;border-left:1px solid var(--line)}
.ann .ann-role{margin:0;font-size:15px;font-weight:600;color:var(--blue)}
.ann .ann-name{margin:6px 0 18px;font-size:clamp(24px,2.4vw,30px);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.ann-person dl{margin:0}
.ann-person dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 16px;padding:11px 0;border-top:1px solid var(--line)}
.ann-person dt{font-size:14px;color:#5b6f86;line-height:1.6}
.ann-person dd{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}

/* Thân bài */
.ann-body{padding:44px 0 64px}
.ann-body h2{margin:40px 0 12px;font-size:clamp(22px,2.2vw,27px);line-height:1.28;letter-spacing:-.02em;font-weight:700;color:var(--ink);text-wrap:balance}
.ann-body p{margin:0 0 16px;font-size:17px;line-height:1.78;color:#33475c;text-wrap:pretty}
.ann-body .ann-first{font-size:18px;color:var(--ink)}
.ann-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px auto 8px}
.ann-pair figure{margin:0}
.ann-pair img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-card,16px)}

.ann-cite{margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.ann-body .ann-cite h2{margin:0 0 10px;font-size:15px;font-weight:600;color:#5b6f86;letter-spacing:.01em}
.ann-cite ul{margin:0;padding:0;list-style:none}
.ann-cite li{position:relative;padding:8px 0 8px 18px;font-size:16px;line-height:1.6;color:#33475c}
.ann-cite li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:1px;background:#8ea2b6}

.ann .ann-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin:36px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.ann-foot a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:600;color:var(--blue);transition:color .2s}
.ann-foot a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.ann a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}

@media(max-width:820px){
  .ann-head{padding:28px 0 22px}
  .ann .ann-crumb{margin-bottom:16px}
  .ann-hero{width:100%}
  .ann-hero img{aspect-ratio:3/2;border-radius:0}
  .ann-hero figcaption{padding-inline:var(--gutter,20px)}
  .ann-people{margin-top:32px;padding:30px 0 30px}
  .ann-grid{grid-template-columns:1fr}
  .ann-person,.ann-person+.ann-person{padding:20px 0 6px;border-left:0}
  .ann-person+.ann-person{border-top:1px solid var(--line);margin-top:14px}
  .ann-person dl>div{grid-template-columns:1fr;gap:0;padding:10px 0}
  .ann-body{padding:30px 0 44px}
  .ann-body h2{margin:32px 0 10px}
  .ann-body p{font-size:16px}
  .ann-body .ann-first{font-size:17px}
  .ann-pair{grid-template-columns:1fr;gap:22px;margin-top:26px}
}

/* ═══════════════════════════════════════════════════════════════════
   NHẬN XÉT CỦA BẠN ĐỌC (.fb, mọi bài Tin tức). Script: /feedback.js.
   Nền nhạt thay cho hộp viền + bóng; sao màu xanh thương hiệu, không thêm màu mới.
   Bộ chọn có tiền tố .fb để thắng luật chung .fire p / .ann-body p / .art-body p.
   ═══════════════════════════════════════════════════════════════════ */
.fb{--line:#dbe4ec;max-width:700px;margin:48px 0 0;padding-top:28px;border-top:1px solid var(--line)}
.art-body .fb{max-width:72ch}
.fb .fb-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:18px}
.fb .fb-top h2{margin:0;font-size:clamp(22px,2.2vw,26px);line-height:1.3;letter-spacing:-.02em;font-weight:700;color:var(--ink);max-width:none}
.fb .fb-summary{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;color:#5b6f86}
.fb .fb-avg{font-size:24px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.fb [hidden]{display:none!important}

.fb-rate{--v:0;--s:16px;position:relative;display:inline-block;flex:none;width:calc(var(--s)*5);height:var(--s);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cbd6e1' d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z'/%3E%3C/svg%3E") 0 0/var(--s) var(--s) repeat-x}
.fb-rate i{position:absolute;inset:0 auto 0 0;width:calc(var(--v) / 5 * 100%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23164f87' d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z'/%3E%3C/svg%3E") 0 0/var(--s) var(--s) repeat-x}
.fb .fb-summary .fb-rate{--s:18px}

/* Khung gửi nhận xét */
.fb .fb-form,.fb .fb-done{background:#f4f8fb;border-radius:var(--r-card,16px);padding:24px 24px 20px}
.fb .fb-field{border:0;margin:0 0 18px;padding:0;min-width:0}
.fb legend{padding:0;margin-bottom:6px;font-size:17px;font-weight:600;color:var(--ink)}
.fb .fb-pick{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.fb-stars{display:flex;margin-left:-7px}
.fb-stars label{position:relative;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}
.fb-stars input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.fb-stars svg{width:30px;height:30px;fill:#fff;stroke:#8fa3b8;stroke-width:1.4;stroke-linejoin:round;transition:fill .18s,stroke .18s,transform .18s}
.fb-stars label:active svg{transform:scale(.9)}
.fb-stars input:focus-visible+svg{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.fb-stars[data-v="1"] label:nth-child(-n+1) svg,.fb-stars[data-v="2"] label:nth-child(-n+2) svg,.fb-stars[data-v="3"] label:nth-child(-n+3) svg,
.fb-stars[data-v="4"] label:nth-child(-n+4) svg,.fb-stars[data-v="5"] label:nth-child(-n+5) svg{fill:#164f87;stroke:#164f87}
.fb .fb-hint{font-size:15px;color:#5b6f86;min-width:9ch}
.fb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.fb .fb-label{display:block;margin:14px 0 6px;font-size:15px;font-weight:600;color:var(--ink)}
.fb .fb-label span{font-weight:400;color:#5b6f86}
.fb textarea,.fb input[name=name]{display:block;width:100%;font:inherit;font-size:16px;line-height:1.6;color:var(--ink);background:#fff;
  border:1px solid #c5d3e0;border-radius:10px;padding:11px 14px;transition:border-color .2s,box-shadow .2s}
.fb textarea{min-height:120px;resize:vertical}
.fb input[name=name]{max-width:360px;min-height:46px}
.fb textarea:focus,.fb input[name=name]:focus{outline:none;border-color:#164f87;box-shadow:0 0 0 3px rgba(22,79,135,.15)}
.fb .fb-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fb .fb-note{margin:14px 0 0;font-size:14px;line-height:1.6;color:#5b6f86}
.fb .fb-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.fb .fb-btn{min-height:48px;padding:0 26px;border:0;border-radius:var(--r-pill,999px);background:var(--ink);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}
.fb .fb-btn:hover{background:#164f87}
.fb .fb-btn:active{transform:translateY(1px)}
.fb .fb-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.fb .fb-btn:disabled{opacity:.6;cursor:default}
.fb .fb-count{font-size:14px;color:#7a8ca0;font-variant-numeric:tabular-nums}
.fb .fb-msg{margin:10px 0 0;font-size:15px;line-height:1.5;color:#5b6f86;min-height:0}
.fb .fb-msg:empty{display:none}
.fb .fb-msg.is-err{color:#b42318}
.fb .fb-done b{display:block;font-size:17px;color:var(--ink)}
.fb .fb-done p{margin:4px 0 0;font-size:16px;color:#4a5d72}

/* Danh sách nhận xét đã duyệt */
.fb .fb-list{list-style:none;margin:22px 0 0;padding:0}
.fb .fb-list li{padding:18px 0;border-top:1px solid var(--line)}
.fb .fb-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 6px;font-size:15px;color:#5b6f86}
.fb .fb-who b{font-size:16px;font-weight:600;color:var(--ink)}
.fb .fb-who time{font-variant-numeric:tabular-nums}
.fb .fb-del{margin-left:auto;min-height:36px;padding:0 14px;border:1px solid #e3b4b4;border-radius:var(--r-pill,999px);background:#fff;color:#b42318;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.fb .fb-del:hover{background:#fdf1f1}
.fb .fb-del:disabled{opacity:.5}
.fb .fb-text{margin:0;font-size:16px;line-height:1.7;color:#33475c;white-space:pre-line;overflow-wrap:anywhere}

@media(max-width:820px){
  .fb{margin-top:36px;padding-top:22px}
  .fb .fb-form,.fb .fb-done{padding:20px 16px 16px;margin-inline:-4px}
  .fb input[name=name]{max-width:none}
  .fb .fb-btn{flex:1}
}

/* ═══════════════════════════════════════════════════════════════════
   BÀI KIẾN THỨC DÀI (.kb-*): đọc kỹ để mua đúng, nhiều phần tra cứu.
   Lưới hai cột trên máy tính: mục lục bám khi cuộn + nội dung (cột chữ 700px,
   khối rộng xen giữa). Một màu nhấn xanh PVI; đỏ chỉ ở nhãn "Bắt buộc" và
   số tổng đài bồi thường. Bo góc: khối 16px, nút và nhãn viên thuốc.
   ═══════════════════════════════════════════════════════════════════ */
.kb{--line:#dbe4ec;--sub:#4a5d72;--tint:#f2f7fb;--brand:#164f87;--ease:cubic-bezier(.22,.8,.24,1)}
.kb-shell{width:min(1160px,calc(100% - 2*var(--gutter,24px)));margin-inline:auto}

/* Mở bài */
.kb-head{padding:52px 0 34px}
.kb .kb-crumb{display:flex;gap:10px;align-items:center;margin:0 0 22px;font-size:14px;color:#5b6f86}
.kb-crumb a{color:var(--blue);font-weight:600;padding:10px 0;margin:-10px 0}
.kb-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.kb-head h1{margin:0;max-width:16ch;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.035em;font-weight:800;color:var(--ink);text-wrap:balance}
.kb .kb-lead{margin:22px 0 0;max-width:60ch;font-size:clamp(17px,1.7vw,20px);line-height:1.65;color:var(--sub);text-wrap:pretty}
.kb .kb-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin:26px 0 0;font-size:14px;color:#5b6f86}
.kb-meta>*+*::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#9fb0c2;margin:0 12px;vertical-align:middle}
.kb-meta span:first-child{font-weight:600;color:var(--ink)}
.kb-hero{width:min(1160px,calc(100% - 2*var(--gutter,24px)));margin:0 auto}
.kb-hero img{aspect-ratio:21/9;object-fit:cover;object-position:var(--pos,50% 40%);border-radius:16px}
.kb figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:#5b6f86}

/* Lưới mục lục + nội dung */
.kb-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start;padding:52px 0 80px}
.kb-toc details{position:sticky;top:24px}
.kb-toc summary{list-style:none;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:12px;pointer-events:none}
.kb-toc summary::-webkit-details-marker{display:none}
.kb-toc summary span{display:none}
.kb-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line);counter-reset:toc}
.kb-toc li{counter-increment:toc}
.kb-toc a{display:flex;gap:10px;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:15px;line-height:1.4;color:#5b6f86;transition:color .2s var(--ease),border-color .2s var(--ease)}
.kb-toc a::before{content:counter(toc,decimal-leading-zero);font-size:13px;color:#9aabbd;font-variant-numeric:tabular-nums;padding-top:1px}
.kb-toc a:hover{color:var(--ink);border-left-color:var(--brand)}
.kb-main{min-width:0}
.kb-col{max-width:700px}
.kb-wide{margin:36px 0}

/* Chữ trong cột */
.kb h2{margin:56px 0 14px;font-size:clamp(24px,2.5vw,31px);line-height:1.25;letter-spacing:-.022em;font-weight:700;color:var(--ink);text-wrap:balance;scroll-margin-top:24px}
.kb h3{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.01em;font-weight:700;color:var(--ink)}
.kb-col>p{margin:0 0 18px;font-size:17px;line-height:1.8;color:#33475c;text-wrap:pretty}
.kb-col>p.kb-first{font-size:19px;line-height:1.72;color:var(--ink)}
.kb-cite{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;background:#e9f1f8;color:var(--brand);font-size:14px;font-weight:600;line-height:1.6;white-space:nowrap;vertical-align:1px;transition:background .2s var(--ease)}
.kb a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}

/* Ai nên tham gia: danh sách định nghĩa kẻ chỉ */
.kb-who{margin:30px 0 10px}
.kb .kb-who-h{margin:0 0 10px;font-size:15px;font-weight:600;color:#5b6f86}
.kb-who dl{margin:0;border-top:2px solid var(--ink)}
.kb-who dl>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
.kb-who dt{font-size:16px;font-weight:700;color:var(--ink)}
.kb-who dd{margin:0;font-size:16px;line-height:1.65;color:#33475c}

/* Phần bắt buộc */
.kb-must{margin:44px 0 8px;padding:30px 30px 28px;border-radius:16px;background:var(--tint)}
.kb .kb-must-tag{display:inline-block;margin:0 0 12px;padding:3px 12px;border-radius:999px;background:#fff;color:#b8232c;font-size:14px;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 0 0 1px #f0c9cc}
.kb .kb-must h2{margin:0 0 12px;font-size:clamp(22px,2.2vw,27px)}
.kb .kb-must p:not(.kb-must-tag){margin:0;font-size:16px;line-height:1.75;color:#33475c}
.kb-must-link{display:inline-flex;align-items:center;gap:8px;min-height:46px;margin-top:18px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;font-size:16px;font-weight:600;transition:background .2s var(--ease),transform .15s var(--ease)}
.kb-must-link:hover{background:var(--brand)}
.kb-must-link:active{transform:translateY(1px)}

/* Quyền lợi hai lớp */
.kb-lanes{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
.kb-lane{padding:30px 30px 26px;border-radius:16px}
.kb-lane:first-child{background:var(--tint)}
.kb-lane:last-child{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.kb .kb-lane-k{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--brand)}
.kb .kb-figure{display:flex;align-items:baseline;gap:8px;margin:20px 0 4px}
.kb-figure b{font-size:clamp(36px,4vw,48px);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.kb-figure span{font-size:16px;font-weight:600;color:#5b6f86}
.kb .kb-figure-note,.kb .kb-lane-lead,.kb .kb-lane-note{margin:0;font-size:15px;line-height:1.65;color:var(--sub)}
.kb .kb-lane-lead{margin-top:12px}
.kb .kb-lane-note{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.kb-lane ul,.kb-lane ol{margin:18px 0 0;padding:0;list-style:none}
.kb-lane li{position:relative;padding:10px 0 10px 26px;border-top:1px solid rgba(7,31,67,.08);font-size:16px;line-height:1.6;color:#33475c}
.kb-lane ul li::before{content:"";position:absolute;left:4px;top:19px;width:8px;height:8px;border-radius:2px;background:var(--brand)}
.kb-lane ol{counter-reset:lane}
.kb-lane ol li{counter-increment:lane}
.kb-lane ol li::before{content:counter(lane);position:absolute;left:0;top:11px;width:18px;font-size:14px;font-weight:700;color:var(--brand)}
.kb-lane b{color:var(--ink)}

/* Thông tin để nhận báo giá: lưới 3 x 2 */
.kb-prep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 28px;margin:24px 0 32px;padding:0;list-style:none;counter-reset:prep}
.kb-prep li{counter-increment:prep;padding-top:16px;border-top:2px solid var(--ink)}
.kb-prep li::before{content:counter(prep,decimal-leading-zero);display:block;margin-bottom:10px;font-size:14px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.kb-prep b{display:block;font-size:17px;color:var(--ink);margin-bottom:6px}
.kb-prep span{display:block;font-size:15px;line-height:1.65;color:var(--sub)}

/* Bảng */
.kb-table{margin:22px 0 8px;overflow-x:auto;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.kb-table table{width:100%;border-collapse:collapse;min-width:520px}
.kb-table th{background:var(--tint);text-align:left;font-size:15px;font-weight:700;color:var(--ink);padding:14px 18px}
.kb-table td{padding:14px 18px;border-top:1px solid var(--line);font-size:16px;line-height:1.6;color:#33475c;vertical-align:top}
.kb-table td:first-child{color:var(--ink);font-weight:500;width:50%}

/* Các bước báo giá: dòng thời gian */
.kb-steps{margin:24px 0 8px;padding:0;list-style:none;counter-reset:step}
.kb-steps li{position:relative;counter-increment:step;padding:0 0 22px 52px;font-size:16px;line-height:1.7;color:#33475c}
.kb-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700}
.kb-steps li:not(:last-child)::after{content:"";position:absolute;left:16.5px;top:40px;bottom:6px;width:1px;background:var(--line)}
.kb-steps b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}

/* Checklist sự cố + tổng đài */
.kb-claim{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:stretch}
.kb-claim-list{padding:28px 30px;border-radius:16px;background:var(--tint)}
.kb .kb-claim-h{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--ink)}
.kb-claim-list ol{margin:0;padding:0;list-style:none;counter-reset:cl}
.kb-claim-list li{position:relative;counter-increment:cl;padding:10px 0 10px 36px;border-top:1px solid rgba(7,31,67,.08);font-size:16px;line-height:1.6;color:#33475c}
.kb-claim-list li::before{content:counter(cl);position:absolute;left:0;top:10px;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--brand);display:grid;place-items:center;font-size:13px;font-weight:700}
.kb-claim-call{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:28px 30px;border-radius:16px;background:var(--ink);color:#fff}
.kb .kb-claim-call p{margin:0;font-size:15px;color:#b9cde3}
.kb-claim-call a{white-space:nowrap;font-size:clamp(28px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;transition:color .2s var(--ease)}
.kb-claim-call a:hover{color:#ffd6d8}
.kb-claim-call span{font-size:15px;line-height:1.55;color:#b9cde3}

/* Vì sao chọn PVI: hàng có dấu tick */
.kb-why{margin:24px 0 8px}
.kb-why>div{position:relative;padding:14px 0 14px 40px;border-top:1px solid var(--line)}
.kb-why>div::before{content:"";position:absolute;left:2px;top:17px;width:22px;height:22px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.kb-why dt{font-size:17px;font-weight:700;color:var(--ink)}
.kb-why dd{margin:2px 0 0;font-size:16px;line-height:1.65;color:#33475c}

/* Rà soát trước khi phát hành */
.kb-review{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;padding:34px;border-radius:16px;background:var(--tint)}
.kb .kb-review h2{margin:0 0 12px}
.kb .kb-review-head p{margin:0 0 20px;font-size:16px;line-height:1.7;color:#33475c}
.kb-review-head img{aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.kb-review-groups{display:grid;gap:22px;align-content:start}
.kb-review-groups h3{font-size:17px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.kb-review-groups ul{margin:0;padding:0;list-style:none}
.kb-review-groups li{position:relative;padding:9px 0 9px 28px;border-bottom:1px solid rgba(7,31,67,.08);font-size:16px;line-height:1.6;color:#33475c}
.kb-review-groups li::before{content:"";position:absolute;left:2px;top:13px;width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1.5px #8fa3b8;background:#fff}

/* Tình huống giả định */
.kb-case{margin:20px 0 22px;padding:28px 30px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.kb .kb-case-k{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--brand)}
.kb-case blockquote{margin:0}
.kb .kb-case blockquote p{margin:0;font-size:clamp(18px,1.9vw,21px);line-height:1.6;font-weight:500;color:var(--ink);text-wrap:pretty}

/* Kêu gọi tư vấn */
.kb-cta{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:20px 40px;align-items:end;margin:48px 0;padding:38px 40px;border-radius:16px;background:var(--ink);color:#fff}
.kb .kb-cta h2{margin:0 0 10px;color:#fff}
.kb .kb-cta p{margin:0;max-width:52ch;font-size:16px;line-height:1.7;color:#c4d5e8}
.kb-cta .pd-cta{margin:0}

/* Câu hỏi thường gặp */
.kb-faq{margin:18px 0 8px;border-top:1px solid var(--line)}
.kb-faq details{border-bottom:1px solid var(--line)}
.kb-faq summary{position:relative;list-style:none;cursor:pointer;padding:18px 44px 18px 0;font-size:17px;font-weight:600;line-height:1.5;color:var(--ink)}
.kb-faq summary::-webkit-details-marker{display:none}
.kb-faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:24px;font-weight:400;color:var(--brand);transition:transform .25s var(--ease)}
.kb-faq details[open] summary::after{transform:rotate(45deg)}
.kb .kb-faq p{margin:0;padding:0 44px 20px 0;font-size:16px;line-height:1.75;color:#33475c}
.kb .kb-disclaimer{margin:22px 0 0;font-size:14px;line-height:1.6;color:#5b6f86}
.kb .art-sources{max-width:none}

/* Đọc giấy chứng nhận thật: ảnh tài liệu dọc + chú giải đánh số */
.kb-gcn{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start;padding:34px;border-radius:16px;background:var(--tint)}
.kb-gcn-doc{margin:0;position:sticky;top:24px}
.kb-gcn-doc a{display:block;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(7,31,67,.06),0 18px 36px -24px rgba(22,79,135,.45);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.kb-gcn-doc a:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(7,31,67,.06),0 24px 44px -24px rgba(22,79,135,.55)}
.kb-gcn-doc img{height:auto}
.kb-gcn-doc figure{margin:0}
.kb .kb-gcn h2{margin:0 0 12px}
.kb .kb-gcn-read>p{margin:0 0 20px;font-size:16px;line-height:1.7;color:#33475c}
.kb-gcn-read ol{margin:0;padding:0;list-style:none;counter-reset:gcn}
.kb-gcn-read li{position:relative;counter-increment:gcn;padding:16px 0 16px 46px;border-top:1px solid rgba(7,31,67,.1)}
.kb-gcn-read li::before{content:counter(gcn);position:absolute;left:0;top:15px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}
.kb-gcn-read b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}
.kb-gcn-read span{display:block;font-size:16px;line-height:1.65;color:#33475c}

/* Lợi ích: 1 thẻ nổi bật + lưới 2 x 2 */
.kb-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0;list-style:none;counter-reset:bn}
.kb-benefits li{counter-increment:bn;padding:22px 24px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.kb-benefits li:first-child{grid-column:1/-1;background:var(--ink);box-shadow:none}
.kb-benefits li::before{content:counter(bn,decimal-leading-zero);display:block;margin-bottom:10px;font-size:14px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.kb-benefits b{display:block;font-size:18px;line-height:1.35;color:var(--ink);margin-bottom:6px}
.kb-benefits span{display:block;font-size:16px;line-height:1.65;color:#33475c}
.kb-benefits li:first-child::before{color:#8fb4da}
.kb-benefits li:first-child b{font-size:clamp(20px,2.2vw,24px);color:#fff}
.kb-benefits li:first-child span{color:#c4d5e8;max-width:60ch}

/* Dòng tổng đài sau các bước */
.kb-col>p.kb-hotline{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 18px;border-radius:12px;background:var(--tint);font-size:16px;color:var(--ink)}
.kb-hotline a{font-size:20px;font-weight:800;color:#b8232c;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Danh sách có dấu tick, 2 cột */
.kb-ticks{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:18px 0 8px;padding:0;list-style:none}
.kb-ticks li{position:relative;padding:12px 0 12px 34px;border-top:1px solid var(--line);font-size:16px;line-height:1.6;color:#33475c}
.kb-ticks li::before{content:"";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}

/* Ảnh minh họa trong cột chữ */
.kb-photo{margin:28px 0 26px}
.kb-photo img{aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.kb-photo.kb-doc img{aspect-ratio:auto;height:auto;object-fit:contain;background:#f4f6f8}
.kb-photo-tight{margin:0 0 4px}
.kb-photo-tight img{border-radius:12px}
.kb-gcn-fee{margin-top:16px}
.kb-gcn-fee .kb-fee img{border-radius:10px;box-shadow:0 14px 30px -22px rgba(22,79,135,.5);background:#fff}

/* Ảnh tài liệu trong khối rà soát: giữ nguyên tỷ lệ, không cắt */
.kb-fee{margin:0}
.kb-review-head .kb-fee img{aspect-ratio:auto;height:auto;object-fit:contain;background:#fff;border-radius:10px;box-shadow:0 14px 30px -22px rgba(22,79,135,.5)}
.kb-fee a{display:block}

/* Thẻ liên hệ đơn vị (tên, địa chỉ, số điện thoại) */
.kb-nap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 40px;padding:32px 34px;border-radius:16px;background:var(--ink);color:#fff}
.kb .kb-nap h2{margin:0 0 14px;color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em;color:#9fc0e2}
.kb .kb-nap-name{margin:0 0 8px;font-size:clamp(22px,2.3vw,28px);font-weight:700;letter-spacing:-.02em;color:#fff}
.kb-nap address{font-style:normal;font-size:17px;line-height:1.65;color:#dbe7f4}
.kb .kb-nap-tax{margin:12px 0 0;font-size:14px;color:#9fb5cc}
.kb-nap-lines{margin:0;align-self:center}
.kb-nap-lines>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}
.kb-nap-lines>div:first-child{border-top:0}
.kb-nap-lines dt{font-size:15px;color:#b9cde3}
.kb-nap-lines dd{margin:0}
.kb-nap-lines a{font-size:19px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .2s var(--ease)}
.kb-nap-lines a:hover{color:#ffd6d8}

/* Ba nhóm sản phẩm cạnh nhau */
.kb-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kb-trio article{display:flex;flex-direction:column;padding:24px 22px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.kb-trio article:first-child{background:var(--tint);box-shadow:none}
.kb .kb-trio-n{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.kb-trio ul{margin:12px 0 0;padding:0;list-style:none}
.kb-trio li{position:relative;padding:8px 0 8px 18px;border-top:1px solid rgba(7,31,67,.08);font-size:16px;line-height:1.55;color:#33475c}
.kb-trio li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:2px;background:var(--brand)}
.kb .kb-trio-note{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--sub)}
.kb-trio .kb-lane-link{margin-top:auto;padding-top:10px}

/* Link về sản phẩm chính */
.kb-link{color:var(--brand);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s var(--ease)}
.kb-link:hover{color:var(--ink)}
.kb .kb-must p.kb-must-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px}
.kb-must-actions .kb-must-link{margin-top:0}
.kb-must-actions .kb-link{font-size:16px}
.kb-lane-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:14px;font-size:16px;font-weight:600;color:var(--brand)}
.kb-lane-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.kb-products{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 8px;padding:0;list-style:none}
.kb-products a{display:grid;grid-template-columns:96px minmax(0,1fr) 20px;gap:16px;align-items:center;height:100%;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.kb-products a:hover{box-shadow:inset 0 0 0 1.5px var(--brand),0 10px 24px -14px rgba(22,79,135,.35);transform:translateY(-1px)}
.kb-products a:active{transform:translateY(0)}
.kb-products img{width:96px;height:96px;object-fit:cover;border-radius:12px}
.kb-products em{display:block;font-style:normal;font-size:14px;font-weight:600;color:var(--brand)}
.kb-products b{display:block;margin:2px 0 4px;font-size:17px;line-height:1.35;color:var(--ink)}
.kb-products small{display:block;font-size:15px;line-height:1.5;color:var(--sub)}
.kb-products i{font-style:normal;font-size:18px;color:var(--brand)}

@media(max-width:900px){
  .kb-products{grid-template-columns:1fr}
  .kb-nap{grid-template-columns:1fr;padding:24px 20px;gap:16px}
  .kb-trio{grid-template-columns:1fr}
  .kb-gcn{grid-template-columns:1fr;gap:22px;padding:22px 18px}
  .kb-gcn-doc{position:static}
  .kb-benefits{grid-template-columns:1fr}
  .kb-ticks{grid-template-columns:1fr}
  .kb-products a{grid-template-columns:76px minmax(0,1fr) 16px;gap:12px}
  .kb-products img{width:76px;height:76px}
  .kb-head{padding:28px 0 22px}
  .kb-head h1{max-width:none}
  .kb-meta span:first-child{flex-basis:100%;margin-bottom:2px}
  .kb-meta span:first-child+time::before{display:none}
  .kb-hero{width:100%}
  .kb-hero img{aspect-ratio:3/2;border-radius:0}
  .kb-hero figcaption{padding-inline:var(--gutter,20px)}
  .kb-layout{grid-template-columns:1fr;gap:0;padding:24px 0 56px}
  .kb-toc{margin-bottom:8px}
  .kb-toc details{position:static;border-radius:14px;background:var(--tint);padding:0 16px}
  .kb-toc summary{pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;margin:0}
  .kb-toc summary span{display:inline;font-weight:400;color:#5b6f86}
  .kb-toc ol{border-left:0;padding-bottom:10px}
  .kb-toc a{padding:9px 0;border-left:0;margin:0}
  .kb h2{margin-top:44px}
  .kb-col>p{font-size:16px}
  .kb-col>p.kb-first{font-size:18px}
  .kb-who dl>div{grid-template-columns:1fr}
  .kb-must,.kb-lane,.kb-claim-list,.kb-claim-call,.kb-case{padding:22px 18px}
  .kb-lanes,.kb-claim,.kb-review,.kb-cta{grid-template-columns:1fr}
  .kb-prep{grid-template-columns:1fr;gap:18px}
  .kb-review{padding:22px 18px;gap:20px}
  .kb-cta{padding:28px 20px}
  .kb-cta .pd-cta .fire-btn{flex:1 1 100%;justify-content:center}
  .kb-faq summary{font-size:16px}
  /* Bảng thành từng khối dọc: nhu cầu đậm ở trên, giải pháp bên dưới */
  .kb-table{overflow:visible}
  .kb-table table{min-width:0}
  .kb-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .kb-table tr,.kb-table td{display:block;width:auto!important}
  .kb-table tr+tr{border-top:1px solid var(--line)}
  .kb-table td{border-top:0;padding:4px 16px}
  .kb-table td:first-child{padding-top:14px}
  .kb-table td:last-child{padding-bottom:14px;color:var(--brand);font-weight:500}
}
@media(prefers-reduced-motion:reduce){.kb *{transition:none!important}}
/* Trang Tin tức: khối link loạt bài theo khu vực (mục Tin tức chung) */
.nl-areas{margin-top:28px;padding:20px 22px;border:1px solid #dbe5f0;border-radius:16px;background:#f5f9fe}
.nl-areas h3{margin:0 0 6px;font-size:20px;color:#071f43}
.nl-areas p{margin:0 0 14px;font-size:15px;line-height:1.6;color:#55687f}
.nl-areas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nl-areas a{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid #cfdcea;background:#fff;font-size:14px;font-weight:600;color:#0b5cb8}
.nl-areas a:hover{background:#e3effc}
/* Video thực tế khổ dọc trong bài kiến thức/tin tức */
.kb .kb-video{max-width:420px;margin-inline:auto}
.kb .kb-video video{display:block;width:100%;height:auto;border-radius:14px;background:#0b1b33}