.elementor-10829 .elementor-element.elementor-element-7d319f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10829 .elementor-element.elementor-element-7d319f5:not(.elementor-motion-effects-element-type-background), .elementor-10829 .elementor-element.elementor-element-7d319f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFCA9D;background-image:url("https://detracnghiem.edu.vn/wp-content/uploads/2025/12/Tai-mau-72.png");}.elementor-10829 .elementor-element.elementor-element-1f01ff7{--display:flex;--min-height:0px;--justify-content:center;}.elementor-10829 .elementor-element.elementor-element-f8e4224{--display:flex;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:15px 15px 15px 15px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10829 .elementor-element.elementor-element-9992a76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10829 .elementor-element.elementor-element-75221a6{--display:flex;}.elementor-10829 .elementor-element.elementor-element-142c7ce{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10829 .elementor-element.elementor-element-9fe2f7f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10829 .elementor-element.elementor-element-9fe2f7f .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-10829 .elementor-element.elementor-element-9fe2f7f .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-10829 .elementor-element.elementor-element-9fe2f7f .elementor-divider__text{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:700;}.elementor-10829 .elementor-element.elementor-element-31391cf{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10829 .elementor-element.elementor-element-cf655b6 img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-0a9968e img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-7f85aff img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-ed365bb img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-1d92a14 img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-10f7d6e img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-8be4e59{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-10829 .elementor-element.elementor-element-8be4e59:not(.elementor-motion-effects-element-type-background), .elementor-10829 .elementor-element.elementor-element-8be4e59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10829 .elementor-element.elementor-element-bf37fc4 img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-438caae{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-10829 .elementor-element.elementor-element-438caae:not(.elementor-motion-effects-element-type-background), .elementor-10829 .elementor-element.elementor-element-438caae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10829 .elementor-element.elementor-element-a0b8ecb img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-dec03e7{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-10829 .elementor-element.elementor-element-dec03e7:not(.elementor-motion-effects-element-type-background), .elementor-10829 .elementor-element.elementor-element-dec03e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10829 .elementor-element.elementor-element-9e8d15c img{border-radius:15px 15px 15px 15px;}.elementor-10829 .elementor-element.elementor-element-50089f4{--display:flex;}.elementor-10829 .elementor-element.elementor-element-1e93984{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10829 .elementor-element.elementor-element-1e93984 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-10829 .elementor-element.elementor-element-1e93984 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-10829 .elementor-element.elementor-element-1e93984 .elementor-divider__text{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-10829 .elementor-element.elementor-element-2d498e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10829 .elementor-element.elementor-element-360ccb2{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10829 .elementor-element.elementor-element-31391cf{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-10829 .elementor-element.elementor-element-1f01ff7{--width:100%;}}@media(max-width:767px){.elementor-10829 .elementor-element.elementor-element-31391cf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10829 .elementor-element.elementor-element-1e93984 .elementor-divider-separator{width:100%;}.elementor-10829 .elementor-element.elementor-element-1e93984 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-10829 .elementor-element.elementor-element-1e93984 .elementor-divider__text{font-size:24px;line-height:1.3em;-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-10829 .elementor-element.elementor-element-1e93984{--divider-element-spacing:0px;}}/* Start custom CSS for html, class: .elementor-element-c377694 *//* ========= Scoped tokens ========= */
.dg-content{
  max-width: 540px;          /* bạn có thể đổi theo cột lưới của site */
  display: grid;
  gap: 12px;
  color:#0e2f5c;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.dg-eyebrow{
  margin:0;
  font-size:.9rem;
  font-weight:750;
  letter-spacing:.06em;
  color:#6ea8ff;
}

.dg-title{
  margin:0;
  font-weight:850;
  line-height:1.08;
  font-size: clamp(28px, 4.6vw, 48px);
}
.dg-title span{ color:#1f5fbf; }

.dg-sub{
  margin:2px 0 6px;
  color:#2f517e;
  font-size: clamp(15px, 1.6vw, 17px);
}

/* CTA buttons */
.dg-cta{ display:flex; gap:10px; flex-wrap:wrap; }
.dg-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 11px 16px; border-radius:999px; font-weight:700;
  text-decoration:none; font-size:15px; border:1.5px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.dg-btn--primary{
  background: linear-gradient(180deg,#ffb84a,#ff9d2f);
  color:#1b1b1b;
  box-shadow: 0 8px 16px rgba(255,168,54,.28);
}
.dg-btn--primary:hover{ transform: translateY(-2px); }
.dg-btn--ghost{
  background:#fff; color:#0e2f5c; border-color:#dbe6ff;
}
.dg-btn--ghost:hover{ box-shadow:0 6px 14px rgba(30,70,160,.12); }

/* Benefits (compact pill group) */
.dg-benefits{
  list-style:none; padding:8px; margin: 2px 0 4px;
  display:flex; gap:8px; flex-wrap:wrap;
  background:#f4f7ff; border:1px solid #e3ecff; border-radius:14px;
}
.dg-benefits li{
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:10px; background:#fff; border:1px solid #e8effc;
  color:#163b6a; font-weight:600; font-size:14px;
}

/* mini icons (mask SVG) */
.i{ width:18px; height:18px; background:#1f5fbf; border-radius:4px; display:inline-block; }
.i::before{ content:""; display:block; width:100%; height:100%; background:#fff; mask:center / contain no-repeat; }
.i-check::before{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M9 16.17 4.83 12 3.4 13.41 9 19l12-12-1.41-1.41z"/></svg>'); }
.i-analytics::before{ mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M3 3h2v18H3V3m4 8h2v10H7V11m4-5h2v15h-2V6m4 7h2v8h-2v-8m4-4h2v12h-2V9Z'/></svg>"); }
.i-free::before{ mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 2a10 10 0 100 20 10 10 0 000-20m1 17h-2v-2h2v2m2.07-7.75-.9.92A3.49 3.49 0 0013 14h-2v-1c0-.53.21-1.04.59-1.41l1.16-1.16a1.5 1.5 0 10-2.55-1.06H8a3.5 3.5 0 106.07 2.69Z'/></svg>"); }

/* Chips */
.dg-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.dg-chips .chip{
  padding:7px 11px; border-radius:999px; font-weight:700; font-size:.88rem;
  background:#e8f1ff; color:#18407c; border:1px solid #d2e3ff;
}

/* Responsive tweaks */
@media (max-width: 640px){
  .dg-content{ max-width: 100%; }
  .dg-title{ font-size: clamp(26px, 7vw, 40px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9992a76 *//* === Trust strip: gọn nhẹ, responsive, nền section trong suốt === */
:root{
  --vt-ink:#0f172a;          /* màu chữ chính */
  --vt-sub:#334155;          /* màu chữ thẻ */
  --vt-border:rgba(15,23,42,.12);
  --vt-shadow:0 6px 16px rgba(0,0,0,.06);
  --vt-radius:14px;
}

.vt-strip{                   /* lưới auto-fit, không cần media query */
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
  background:transparent;    /* toàn bộ vùng chứa trong suốt */
}

.vt-tile{
  background:#fff;
  border:1px solid var(--vt-border);
  border-radius:var(--vt-radius);
  box-shadow:var(--vt-shadow);
  color:var(--vt-sub);
  text-align:center;
  line-height:1.45;
  padding:16px 18px;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  isolation:isolate;         /* tránh bóng đổ chồng nhau */
}

/* chấm nhấn nhá nhỏ – thay icon cho nhẹ */
.vt-tile::before{
  content:"";
  width:8px;height:8px;border-radius:999px;
  background:radial-gradient(circle at 30% 30%,#93c5fd,#2563eb);
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
  margin-right:10px;
  display:inline-block;
}

/* viền nhấn sáng ở cạnh trên cho sạch sẽ hơn */
.vt-tile::after{
  content:"";
  position:absolute;inset:0;border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  pointer-events:none;
}

/* hiệu ứng hover rất nhẹ, tránh tốn tài nguyên */
@media (hover:hover){
  .vt-tile:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.10)}
}
/* tôn trọng người dùng hạn chế chuyển động */
@media (prefers-reduced-motion:reduce){
  .vt-tile{transition:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73393a1 */.dg-catalog2{
  --text:#122a58; --muted:#49659a; --card:#fff; --line:#e6ecf5;
  --shadow:0 14px 30px rgba(22,45,100,.08);
  --r-lg:18px; --r-md:14px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
}

/* Header & badge */
.dg-cat__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.dg-cat__head h2{margin:0;font-weight:850;font-size:clamp(22px,3vw,28px)}
.legend .badge{padding:8px 10px;border-radius:999px;font-weight:800;font-size:.85rem;border:1px solid #bff0cf;background:#e9fff2;color:#066a3a}

/* Grids */
.dg-group{display:grid;gap:18px;margin-bottom:18px}
.dg-group--primary{grid-template-columns:repeat(3,minmax(0,1fr))}
.dg-group--secondary{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.dg-group--primary{grid-template-columns:repeat(2,1fr)}.dg-group--secondary{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.dg-group--primary,.dg-group--secondary{grid-template-columns:1fr}}

/* Main cards */
.card{
  position:relative;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)
}
.card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.chip{padding:6px 10px;border-radius:999px;font-weight:800;font-size:.75rem;background:#eef4ff;border:1px solid #d8e6ff;color:#21407a}
.status{padding:6px 10px;border-radius:999px;font-weight:900;font-size:.75rem}
.status.is-new{background:#e8fff2;border:1px solid #c8f2d7;color:#0a6b3d}

.card__title{display:flex;align-items:center;gap:10px;margin:10px 0 6px;font-size:26px;font-weight:850}
.card__count{margin:0;color:var(--muted);font-weight:800}
.card__count strong{color:#0c2f6a;font-size:22px}
.card__link{position:absolute;inset:0;text-indent:-9999px}

/* Mini cards */
.mini{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:14px 14px 12px;box-shadow:var(--shadow)
}
.mini__title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-weight:850;font-size:18px}
.mini__meta{display:flex;align-items:center;justify-content:space-between}
.mini__count{font-weight:800;color:#143a74}
.mini__link{position:absolute;inset:0;text-indent:-9999px}

/* Subject accents (viền trên) */
.subj--math{border-top:5px solid #2f6bff}
.subj--lit {border-top:5px solid #ff6fa9}
.subj--eng {border-top:5px solid #7d4dff}
.subj--chem{border-top:4px solid #ff9d2f}
.subj--phys{border-top:4px solid #00bcd4}
.subj--bio {border-top:4px solid #4caf50}
.subj--geo {border-top:4px solid #ffb84a}
.subj--hist{border-top:4px solid #9c27b0}

/* Minimal icons via mask */
.ico{width:22px;height:22px;display:inline-block;background:#183b7a;border-radius:6px}
.ico::before{content:"";display:block;width:100%;height:100%;background:#fff;mask:center/contain no-repeat}
.ico-math::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M4 11h16v2H4v-2Zm2-6h2v2H6V5Zm4 0h2v2h-2V5Zm8 0h-6v2h6V5ZM6 17h2v2H6v-2Zm4 0h8v2h-8v-2Z"/></svg>')}
.ico-lit::before {mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm8 1.5V8h4.5L14 3.5Z"/></svg>')}
.ico-eng::before {mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M2 5h20v2H2V5Zm0 6h20v2H2v-2Zm0 6h12v2H2v-2Z"/></svg>')}
.ico-chem::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M6 2h2v7l-4.5 7A3 3 0 0 0 6 22h12a3 3 0 0 0 2.5-6L16 9V2h-2v7l4.5 7a1 1 0 0 1-.9 1.5H6a1 1 0 0 1-.9-1.5L10 9V2Z"/></svg>')}
.ico-phys::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 2 4 22h2l2-5h8l2 5h2L12 2Zm0 5 3.5 9h-7L12 7Z"/></svg>')}
.ico-bio::before {mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 2C7 2 3 6 3 11a9 9 0 0 0 9 9 9 9 0 0 0 9-9c0-5-4-9-9-9Zm0 4a5 5 0 0 1 5 5h-4l-1 2-1-2H7a5 5 0 0 1 5-5Z"/></svg>')}
.ico-geo::before {mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 2a9 9 0 1 0 9 9h-2A7 7 0 1 1 12 4V2Zm8 9h2a10 10 0 1 1-10-10v2a8 8 0 1 0 8 8Z"/></svg>')}
.ico-hist::before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M13 3a9 9 0 1 0 9 9h-2a7 7 0 1 1-7-7V3Zm-1 4h2v6h5v2h-7V7Z"/></svg>')}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8472b0 *//* Reset lại ul/li để không bị thụt đầu dòng */
.exam-grid,
.exam-grid li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Nếu có bọc ngoài */
.exam-wrap {
  margin: 16px 0;
  padding: 0;
}

/* Nút đề thi: nền trắng, viền xanh */
.exam-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  text-decoration: none;
  background: #ffffff;                 /* nền trắng */
  border: 1px solid #2563eb;           /* viền xanh */
  color: #2563eb;                      /* chữ xanh */
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.08);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

/* Icon bên trái */
.exam-ico {
  font-size: 18px;
}

/* Text đề thi */
.exam-text {
  flex: 1;
}

/* Hover + focus: nền xanh nhạt, chữ vẫn dễ đọc */
.exam-btn:hover,
.exam-btn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.18);
  background-color: #eff6ff;    /* xanh nhạt nhẹ */
  border-color: #1d4ed8;
  color: #1d4ed8;
}

/* Mobile */
@media (max-width: 480px) {
  .exam-btn {
    font-size: 13px;
    padding: 9px 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e475d9f *//* ========== SCOPE ========== */
.hsa-sheet{
  --ink:#164152;
  --brand:#0b6a66;
  --brand-2:#0f8a84;
  --blue:#2d5db3;
  --soft:#f4f7f9;
  --line:#d9e2ea;
  --card:#ffffff;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#1b2b3a;
  margin: 32px auto;
}

/* ===== Title ===== */
.sheet-head h1{
  margin:0;
  font-size: clamp(34px, 5vw, 44px);
  letter-spacing:.04em;
  font-weight: 900;
  color:#2f6777;
  text-align:center;
}
.ribbon{
  width:max-content;
  margin:8px auto 12px;
  padding:8px 16px;
  background:#e9f6f5;
  border:2px solid #bfe4e2;
  border-radius:12px;
  color:#0a6a64;
  font-weight: 900;
  letter-spacing:.04em;
}
.lead{
  margin:0 auto 14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow: 0 6px 18px rgba(10,35,60,.06);
}

/* ===== Section Tab ===== */
.section-tab{
  display:inline-block;
  margin:12px 0 10px;
  padding:8px 14px;
  color:#0a423e;
  background:#d9efe9;
  border-radius:10px;
  font-weight:900;
  border:2px solid #b6e2d9;
}
.section-tab.blue{
  background:#dfe9fb; border-color:#c7d9fb; color:#234a9a;
}

/* ===== Cards ===== */
.grid-2{
  display:grid; gap:14px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 760px){ .grid-2{ grid-template-columns: 1fr; } }

.part-card{
  background: var(--card);
  border:1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(10,35,60,.07);
  padding:14px 14px 10px;
}
.part-card.full{ margin-top:12px; }
.part-card h3{
  margin:0 0 8px;
  color:#0d3c3a;
  font-size:18px; font-weight:900;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.badge{
  background:#0f7c76; color:#fff; font-size:.8rem; font-weight:900;
  padding:6px 10px; border-radius:999px;
}

/* Facts */
.facts{ list-style:none; margin:0; padding:0; }
.facts li{ margin:6px 0; display:flex; align-items:flex-start; gap:8px; }
.fact-block{ display:flex; gap:8px; flex-wrap:wrap; margin:6px 0; padding-left:26px; }
.chip{
  background:#f0f6ff; color:#173a7a; border:1px solid #d7e3ff;
  padding:6px 10px; border-radius:10px; font-weight:800; font-size:.9rem;
}

/* simple icons (mask) */
.ic{ width:18px; height:18px; flex:0 0 18px; background:#0d6a64; border-radius:4px; position:relative; top:2px; }
.ic::before{ content:""; display:block; width:100%; height:100%; background:#fff; mask:center/contain no-repeat; }
.ic-time::before{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 1a11 11 0 1 0 11 11A11.013 11.013 0 0 0 12 1Zm1 12h-5V11h4V6h2Z"/></svg>'); }
.ic-ques::before{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M10 19h4v2h-4v-2m2-17a7 7 0 0 0-7 7h2a5 5 0 1 1 5 5v3h2v-3a7 7 0 0 0-2-14Z"/></svg>'); }
.ic-score::before{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M5 3h14v2H5V3m0 4h14v2H5V7m0 4h14v2H5v-2m0 4h14v2H5v-2Z"/></svg>'); }

.muted{ color:#4b6876; margin:6px 0 4px; }

/* Split sub-panels */
.split{
  display:grid; gap:12px; grid-template-columns:1fr 1fr; margin-top:8px;
}
@media (max-width:760px){ .split{ grid-template-columns:1fr; } }
.sub{ background:#f7fbfb; border:1px solid #d5e9e7; border-radius:12px; padding:10px; }
.sub-tab{
  display:inline-block; font-weight:900; color:#0a423e; background:#dbf1ec; border:1px solid #c6e7e1;
  padding:6px 10px; border-radius:999px; margin-bottom:6px;
}
.sub-tab.green{ color:#1a4a8e; background:#e3ecff; border-color:#d0dcff; }

/* Ratio */
.ratio-card{
  background:var(--card); border:1px solid var(--line); border-radius:14px;
  box-shadow: 0 10px 24px rgba(10,35,60,.07); padding:12px 14px;
}
.ratio{ list-style:none; display:flex; gap:12px; flex-wrap:wrap; margin:0 0 8px; padding:0; }
.ratio li{
  display:flex; align-items:center; gap:10px; background:#eef2ff; border:1px solid #dbe6ff;
  padding:10px 12px; border-radius:12px; font-weight:800; color:#1e3a8a;
}
.pct{
  display:inline-flex; width:64px; height:64px; align-items:center; justify-content:center;
  border-radius:12px; font-weight:900; color:#1a2e5a;
  background:#fff; border:3px solid #dbe6ff; box-shadow: inset 0 0 0 6px #eef3ff;
}
.p10{ box-shadow: inset 0 0 0 6px #dff4ff; }
.p30{ box-shadow: inset 0 0 0 6px #dfefff; }
.p60{ box-shadow: inset 0 0 0 6px #e9f2ff; }
.note{ color:#4b5f86; margin:0; }

/* Rules */
.rules-card{
  background:var(--card); border:1px solid var(--line); border-radius:14px; padding:12px 14px;
  box-shadow: 0 10px 24px rgba(10,35,60,.07);
}
.arrow-list{ list-style:none; padding:0; margin:0; }
.arrow-list li{
  padding-left:22px; position:relative; margin:8px 0;
}
.arrow-list li::before{
  content:"➜"; position:absolute; left:0; top:0; color:#0e3e8a; font-weight:900;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d498e7 *//* === Trust strip: gọn nhẹ, responsive, nền section trong suốt === */
:root{
  --vt-ink:#0f172a;          /* màu chữ chính */
  --vt-sub:#334155;          /* màu chữ thẻ */
  --vt-border:rgba(15,23,42,.12);
  --vt-shadow:0 6px 16px rgba(0,0,0,.06);
  --vt-radius:14px;
}

.vt-strip{                   /* lưới auto-fit, không cần media query */
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
  background:transparent;    /* toàn bộ vùng chứa trong suốt */
}

.vt-tile{
  background:#fff;
  border:1px solid var(--vt-border);
  border-radius:var(--vt-radius);
  box-shadow:var(--vt-shadow);
  color:var(--vt-sub);
  text-align:center;
  line-height:1.45;
  padding:16px 18px;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  isolation:isolate;         /* tránh bóng đổ chồng nhau */
}

/* chấm nhấn nhá nhỏ – thay icon cho nhẹ */
.vt-tile::before{
  content:"";
  width:8px;height:8px;border-radius:999px;
  background:radial-gradient(circle at 30% 30%,#93c5fd,#2563eb);
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
  margin-right:10px;
  display:inline-block;
}

/* viền nhấn sáng ở cạnh trên cho sạch sẽ hơn */
.vt-tile::after{
  content:"";
  position:absolute;inset:0;border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  pointer-events:none;
}

/* hiệu ứng hover rất nhẹ, tránh tốn tài nguyên */
@media (hover:hover){
  .vt-tile:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.10)}
}
/* tôn trọng người dùng hạn chế chuyển động */
@media (prefers-reduced-motion:reduce){
  .vt-tile{transition:none}
}/* End custom CSS */