.elementor-99176 .elementor-element.elementor-element-3ece3bc{--display:flex;}/* Start custom CSS for html, class: .elementor-element-505153b */:root{
  --brand:#2563eb; --brand2:#06b6d4; --ink:#0f172a; --card:#fff; --ring:rgba(37,99,235,.25);
}

/* ===== Accordion (vỏ ngoài) ===== */
.acc{max-width:100%px;margin:0 auto;display:grid;gap:16px}
.acc details{background:transparent;border:0;box-shadow:none;overflow:hidden}
.acc summary{
  position:relative;display:flex;align-items:flex-start;gap:14px;
  padding:16px 18px;border-radius:16px;cursor:pointer;user-select:none;outline:0;
  font-weight:800;color:var(--ink);
  background:linear-gradient(var(--card),var(--card)) padding-box,
             linear-gradient(135deg,var(--brand),var(--brand2)) border-box;
  border:2px solid transparent;box-shadow:0 8px 20px rgba(2,6,23,.06);
  transition:transform .15s,box-shadow .15s
}
.acc summary::-webkit-details-marker{display:none}
.acc summary::before{
  content:""; position:absolute; left:10px; top:12px; bottom:12px; width:6px;
  border-radius:10px; background:linear-gradient(180deg,var(--brand),var(--brand2)); opacity:.9
}

/* Icon tròn ở header */
.acc .sum-ico{
  width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;
  font-size:18px;box-shadow:0 8px 18px var(--ring);margin-left:20px
}

/* Cụm chữ */
.acc .sum-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.acc .sum-title{
  font-size:16px;letter-spacing:.2px;line-height:1.35;
  white-space:normal;overflow:visible;text-overflow:clip;
}
.acc .sum-kicker{
  font-size:12px;font-weight:700;color:#1e40af;background:#e9f0ff;padding:3px 8px;border-radius:999px;width:max-content
}

/* Chevron */
.acc .chev-wrap{
  width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:999px;
  background:#0f172a0d;color:#0b1220;margin-left:8px;transition:transform .2s,background .2s
}
.acc summary svg{width:18px;height:18px;display:block}
.acc details[open] .chev-wrap{transform:rotate(180deg);background:#0f172a14}

.acc summary:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(2,6,23,.10)}
.acc summary:focus-visible{box-shadow:0 0 0 6px rgba(37,99,235,.16),0 0 0 10px rgba(6,182,212,.16)}
.acc .panel{padding:14px 18px 18px;border-top:1px dashed #e6e9f2}

/* ===== Grid đề: 2 cột (5 hàng) ===== */
.exam-grid{display:grid;list-style:none;margin:0;padding:0}
.exam-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:14px;align-items:stretch}
.exam-grid.two-cols>li{display:flex;min-width:0}
.exam-grid.two-cols>li .exam-btn{width:100%;height:100%;justify-content:flex-start;text-align:left}

/* ===== Nút đề (hiệu ứng) ===== */
.exam-btn{
  position:relative;display:flex;align-items:center;gap:10px;min-height:76px;padding:16px 14px;border-radius:14px;
  font-weight:700;text-decoration:none;color:var(--ink);
  background:linear-gradient(var(--card),var(--card)) padding-box,
             linear-gradient(135deg,var(--brand),var(--brand2)) border-box;
  border:2px solid transparent;box-shadow:0 3px 8px rgba(2,6,23,.08),0 12px 28px rgba(2,6,23,.10);
  transition:transform .18s,box-shadow .18s,filter .18s;overflow:hidden;isolation:isolate
}
.exam-btn .icon{
  width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;
  box-shadow:0 8px 18px var(--ring);font-size:18px;line-height:1;margin-right:6px
}
.exam-btn .label{flex:1;font-size:16px;line-height:1.3;letter-spacing:.2px;white-space:normal}
.exam-btn::after{
  content:"";position:absolute;inset:-20% auto -20% -60%;width:55%;transform:skewX(-20deg);
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);
  opacity:0;pointer-events:none;z-index:0;transition:transform .7s,opacity .2s
}
.exam-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(2,6,23,.12),0 24px 48px rgba(2,6,23,.14);filter:saturate(1.05)}
.exam-btn:hover::after{transform:translateX(220%) skewX(-20deg);opacity:.9}
.exam-btn:focus-visible{outline:0;box-shadow:0 0 0 5px rgba(37,99,235,.18),0 0 0 9px rgba(6,182,212,.18)}

/* ===== Mobile (≤640px) ===== */
@media (max-width:640px){
  /* Header: ẩn icon, thu nhỏ chữ & đệm */
  .acc .sum-ico{ display:none !important; }
  .acc summary{ padding:12px 12px; }
  .acc summary::before{ left:8px; top:10px; bottom:10px; width:4px; }
  .acc .sum-text{ margin-left:8px; }
  .acc .sum-title{ font-size:14px; line-height:1.35; }
  .acc .sum-kicker{ font-size:11px; }
  .acc .chev-wrap{ width:28px;height:28px; }

  /* Bên trong: giữ icon, nhưng thu nhỏ; lưới 1 cột để dễ bấm */
  .exam-btn .icon{ width:34px;height:34px;font-size:16px;margin-right:8px; }
  .exam-btn{ min-height:68px; }
  .exam-grid.two-cols{ grid-template-columns:1fr; }
}

/* Ưu tiên người dùng giảm chuyển động */
@media (prefers-reduced-motion:reduce){
  .exam-btn,.exam-btn::after,.acc summary,.chev-wrap{transition:none}
}/* End custom CSS */