.elementor-91709 .elementor-element.elementor-element-8e739b6{--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-91709 .elementor-element.elementor-element-8e739b6:not(.elementor-motion-effects-element-type-background), .elementor-91709 .elementor-element.elementor-element-8e739b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFCA9D;background-image:url("https://dethitracnghiem.vn/wp-content/uploads/2025/09/Tai-mau-72.png");}.elementor-91709 .elementor-element.elementor-element-4dd4ddc{--display:flex;--min-height:0px;--justify-content:center;}.elementor-91709 .elementor-element.elementor-element-8768462{--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-91709 .elementor-element.elementor-element-dd42a20{--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-91709 .elementor-element.elementor-element-1c6232d{--display:flex;}.elementor-91709 .elementor-element.elementor-element-955b352{--display:flex;}.elementor-91709 .elementor-element.elementor-element-cf79b42{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-91709 .elementor-element.elementor-element-cf79b42 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-91709 .elementor-element.elementor-element-cf79b42 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-91709 .elementor-element.elementor-element-cf79b42 .elementor-divider__text{font-family:"Roboto Slab", Sans-serif;font-size:25px;font-weight:700;}.elementor-91709 .elementor-element.elementor-element-7d8225e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-91709 .elementor-element.elementor-element-f914ea1 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-edcbfaa img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-c6684f1 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-5f56b4b img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-0709d28 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-461c802 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-b94ecfb img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-02e9fde img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-7fa6eb3 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-2cc2415 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-932ce7c img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-ef98ba0{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-91709 .elementor-element.elementor-element-ef98ba0:not(.elementor-motion-effects-element-type-background), .elementor-91709 .elementor-element.elementor-element-ef98ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-91709 .elementor-element.elementor-element-6fe5571 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-3d31bb7{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-91709 .elementor-element.elementor-element-3d31bb7:not(.elementor-motion-effects-element-type-background), .elementor-91709 .elementor-element.elementor-element-3d31bb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-91709 .elementor-element.elementor-element-e539db6 img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-4b7e137{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-91709 .elementor-element.elementor-element-4b7e137:not(.elementor-motion-effects-element-type-background), .elementor-91709 .elementor-element.elementor-element-4b7e137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-91709 .elementor-element.elementor-element-026be0b img{border-radius:15px 15px 15px 15px;}.elementor-91709 .elementor-element.elementor-element-bf07382{--display:flex;}.elementor-91709 .elementor-element.elementor-element-6d10fb5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-91709 .elementor-element.elementor-element-6d10fb5 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-91709 .elementor-element.elementor-element-6d10fb5 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-91709 .elementor-element.elementor-element-6d10fb5 .elementor-divider__text{font-family:"Roboto Slab", Sans-serif;font-size:25px;font-weight:700;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-91709 .elementor-element.elementor-element-c30f759{--display:flex;}.elementor-91709 .elementor-element.elementor-element-abd7605{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-91709 .elementor-element.elementor-element-abd7605 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-91709 .elementor-element.elementor-element-abd7605 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-91709 .elementor-element.elementor-element-abd7605 .elementor-divider__text{font-family:"Roboto Slab", Sans-serif;font-size:25px;font-weight:700;}.elementor-91709 .elementor-element.elementor-element-ee4c8a0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-91709 .elementor-element.elementor-element-9506c85 img{border-radius:20px 20px 20px 20px;}.elementor-91709 .elementor-element.elementor-element-bfc860d img{border-radius:20px 20px 20px 20px;}.elementor-91709 .elementor-element.elementor-element-3c367af{--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-91709 .elementor-element.elementor-element-92f178b{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-91709 .elementor-element.elementor-element-7d8225e{--grid-auto-flow:row;}.elementor-91709 .elementor-element.elementor-element-ee4c8a0{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-91709 .elementor-element.elementor-element-4dd4ddc{--width:100%;}}@media(max-width:767px){.elementor-91709 .elementor-element.elementor-element-7d8225e{--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-91709 .elementor-element.elementor-element-ee4c8a0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-dee3283 *//* CSS */
.dg-content{
  max-width:540px;
  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:750;
  line-height:1.08;
  font-size:clamp(28px,4.6vw,40px);
}

.dg-title span{
  color:#1f5fbf;
}

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

.dg-sub a,
.dg-sub a:visited{
  color:#1f5fbf;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px dashed rgba(31,95,191,.35);
  transition:color .18s ease,border-color .18s ease;
}

.dg-sub a:hover{
  color:#184a96;
  border-bottom-color:#184a96;
}

/* CTA */
.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:hover{
  transform:translateY(-2px);
}

.dg-btn--primary{
  background:linear-gradient(180deg,#ffb84a,#ff9d2f);
  color:#1b1b1b;
  box-shadow:0 8px 16px rgba(255,168,54,.28);
}

.dg-btn--ghost{
  background:#fff;
  color:#0e2f5c;
  border-color:#dbe6ff;
}

.dg-btn--ghost:hover{
  box-shadow:0 6px 14px rgba(30,70,160,.12);
}

.dg-btn--bca{
  background:linear-gradient(180deg,#0e4f8a,#0a3a67);
  color:#fff;
  box-shadow:0 8px 16px rgba(10,58,103,.24);
}

.dg-btn--bca:hover{
  box-shadow:0 10px 18px rgba(10,58,103,.3);
}

/* Benefits */
.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;
}

/* Icons */
.i{
  width:18px;
  height:18px;
  background:#1f5fbf;
  border-radius:4px;
  display:inline-block;
  position:relative;
  flex:0 0 18px;
}

.i::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:#fff;
  mask:center / contain no-repeat;
  -webkit-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>');
  -webkit-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>");
  -webkit-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>");
  -webkit-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 */
@media (max-width:640px){
  .dg-content{
    max-width:100%;
  }

  .dg-title{
    font-size:clamp(26px,7vw,40px);
  }
}
.dg-btn--docs{
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: #fff;
  border: 1px solid transparent;
}

.dg-btn--docs:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd42a20 *//* === 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-30e43b5 */.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-9a14b66 *//* ========== 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-3c367af *//* === 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 */