/* AIDINHCU_CSS_v1 — giao dien chung aidinhcu.com + aiditru.com.
   Nap trong <head> (base.php), mau an theo --brand cua tung site. */
.dc-trang{max-width:1040px;margin:0 auto;padding:12px 16px 40px}
.dc-hero{padding:22px 18px;border-radius:18px;margin:8px 0 18px;
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--brand) 14%,#fff) 0%,#fff 60%),#fff;
  border:1px solid color-mix(in srgb,var(--brand) 18%,#e5e7eb)}
.dc-hero h1{font-size:clamp(22px,4.2vw,34px);line-height:1.22;margin:6px 0 10px;color:#0f172a}
.dc-hero-sub{color:#334155;font-size:16px;line-height:1.6;margin:0}
.dc-nhan-ai{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,#fff);padding:4px 10px;border-radius:999px;margin:0}
.dc-khoi{margin:22px 0}
.dc-khoi h2{font-size:21px;margin:0 0 12px;color:#0f172a}
.dc-tomtat{color:#475569;font-size:15px;line-height:1.55}
.dc-luu-y{margin-top:28px;font-size:13px;color:#64748b;line-height:1.55;border-top:1px dashed #cbd5e1;padding-top:12px}

/* form ho so */
.dc-form .dc-nhom{border:0;margin:0 0 14px;padding:0}
.dc-form legend{font-weight:700;font-size:15px;margin-bottom:8px;color:#0f172a}
.dc-chips{display:flex;flex-wrap:wrap;gap:8px}
.dc-chip{position:relative;cursor:pointer}
.dc-chip input{position:absolute;opacity:0;pointer-events:none}
.dc-chip span{display:inline-block;padding:9px 13px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;font-size:15px;color:#1e293b;line-height:1.25}
.dc-chip input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.dc-chip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.dc-chips-link .dc-chip span:hover{border-color:var(--brand)}
.dc-nut{display:inline-block;padding:11px 18px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;margin:4px 6px 4px 0}
.dc-nut-chinh{background:var(--brand);color:#fff}
.dc-nut-phu{background:#fff;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 45%,#fff)}
.dc-form>.dc-nut-chinh{width:100%;max-width:420px;font-size:16px;padding:14px}
.dc-dinh{position:fixed;left:0;right:62px;bottom:calc(var(--bottom-nav-h,56px) + 8px);padding:0 12px;z-index:60}
.dc-dinh .dc-nut{width:100%;box-shadow:0 8px 24px rgba(15,23,42,.25)}
@media (min-width:900px){.dc-dinh{display:none}}
.dc-form select,.dc-form input{font-size:16px}
.dc-form-gon{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:14px}
.dc-form-gon label{width:100%;font-weight:700}
.dc-form-gon select{flex:1;min-width:200px;padding:11px;border-radius:12px;border:1px solid #cbd5e1;background:#fff}
.dc-form-lt{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}
.dc-form-lt label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.dc-form-lt select{width:100%;padding:10px;border-radius:10px;border:1px solid #cbd5e1;background:#fff}
.dc-form-lt .dc-lt-hc{grid-column:1/-1}
.dc-form-lt>.dc-nut{grid-column:1/-1;max-width:420px}
.dc-tick{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:8px;background:#fff;font-size:15px;line-height:1.45}
.dc-tick input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand)}
.dc-tick em{font-style:normal;font-size:11px;font-weight:700;color:#b45309;background:#fef3c7;padding:2px 6px;border-radius:6px;margin-left:4px}

/* ket qua */
.dc-kq h2{font-size:22px}
.dc-ds-the{display:grid;gap:14px}
@media (min-width:860px){.dc-ds-the{grid-template-columns:1fr 1fr}}
.dc-the{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 14px 10px;box-shadow:0 2px 10px rgba(15,23,42,.05)}
.dc-the-dau{display:flex;gap:10px;align-items:flex-start}
.dc-the-dau>div:nth-child(2){flex:1;min-width:0}
.dc-the h3{font-size:17px;margin:0;line-height:1.3}
.dc-the h3 a{color:#0f172a;text-decoration:none}
.dc-the-phu{margin:3px 0 0;font-size:13px;color:#64748b}
.dc-co{font-size:24px;line-height:1;display:inline-flex}
.dc-co svg,.dc-co img{width:28px;height:auto;border-radius:3px}
.dc-diem{text-align:center;min-width:64px}
.dc-diem strong{display:block;font-size:26px;line-height:1;color:var(--brand)}
.dc-diem small{font-size:11px;font-weight:700;color:#475569}
.dc-thanh{display:block;height:6px;border-radius:9px;background:#eef2f7;margin:10px 0;overflow:hidden}
.dc-thanh i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 60%,#fff),var(--brand))}
.dc-nhan-it-hop .dc-diem strong{color:#94a3b8}
.dc-so{list-style:none;padding:0;margin:6px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:14px;color:#1e293b}
.dc-so b{display:block;font-size:11px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.dc-so-lon{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;font-size:15px}
.dc-suc{font-size:14px;color:#0f172a;background:color-mix(in srgb,var(--brand) 7%,#fff);border-radius:10px;padding:8px 10px;margin:8px 0}
.dc-ly summary,.dc-khac summary,.dc-faq summary{cursor:pointer;font-weight:700;color:var(--brand);padding:6px 0;font-size:15px}
.dc-ly ul{list-style:none;padding:0;margin:4px 0 8px;font-size:14px;line-height:1.5}
.dc-ly li{display:grid;grid-template-columns:auto auto 1fr;gap:6px;padding:5px 0;border-bottom:1px solid #f1f5f9;color:#334155}
.dc-ma{display:inline-block;font:700 11px/1.6 ui-monospace,Menlo,monospace;color:#475569;background:#f1f5f9;border-radius:6px;padding:0 6px;text-decoration:none;align-self:start}
.dc-d{font:700 12px/1.6 ui-monospace,Menlo,monospace;min-width:28px;text-align:right}
.dc-ly li.cong .dc-d{color:#15803d}.dc-ly li.tru .dc-d{color:#b91c1c}.dc-ly li.trung .dc-d{color:#94a3b8}
.dc-the-nut{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.dc-ghep{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,#fff),#fff);border:1px solid color-mix(in srgb,var(--brand) 30%,#fff);border-radius:16px;padding:14px;margin:0 0 14px}
.dc-ghep h3{margin:6px 0;font-size:18px}
.dc-nhac{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.55;color:#7c2d12}
.dc-trong{background:#f8fafc;border-radius:12px;padding:14px}
.dc-khac{margin-top:16px}
.dc-loai{list-style:none;padding:0;font-size:14px}
.dc-loai li{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:8px 0;border-bottom:1px solid #f1f5f9}
.dc-loai li>span:last-child{grid-column:2;color:#475569}

/* luoi, o */
.dc-luoi{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.dc-luoi-nho{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.dc-o{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;text-decoration:none;color:#334155;font-size:14px;line-height:1.45}
.dc-o b{color:#0f172a;font-size:16px}
.dc-o:hover{border-color:var(--brand)}
.dc-o em{font-style:normal;font-weight:700;color:var(--brand);margin-top:auto}
.dc-o-ct{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.dc-o-ct b{font-size:14px;flex:1}
.dc-o-ct span:last-child{width:100%;font-size:12px;color:#64748b}
.dc-o-bai img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.dc-o-cc{background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--brand) 6%,#fff))}
.dc-o-ngoai{border-style:dashed}
.dc-buoc{padding-left:20px;line-height:1.6;color:#334155}
.dc-buoc li{margin-bottom:8px}

/* bang */
.dc-bang-bao{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dc-bang{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.dc-bang th,.dc-bang td{text-align:left;padding:9px 10px;border-bottom:1px solid #eef2f7;vertical-align:top}
.dc-bang th{font-size:12px;text-transform:uppercase;color:#64748b;letter-spacing:.03em}
.dc-dong td{color:#94a3b8}
.dc-l-di{color:#15803d;font-weight:600}.dc-l-dt{color:#a16207;font-weight:600}.dc-l-xin{color:#b91c1c;font-weight:600}

/* muc tieu - thanh diem */
.dc-mt-diem{list-style:none;padding:0;margin:0}
.dc-mt-diem li{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:15px}
.dc-mt-diem .dc-thanh{margin:0}
.dc-mt-diem a{color:#0f172a;text-decoration:none}
.dc-hai-cot{display:grid;gap:16px}
@media (min-width:760px){.dc-hai-cot{grid-template-columns:1fr 1fr}}
.dc-ds-cong li::marker{content:"＋ ";color:#15803d}
.dc-ds-tru li::marker{content:"！ ";color:#b45309}
.dc-ds-cong li,.dc-ds-tru li{margin-bottom:6px;line-height:1.55}
.dc-chau{font-size:15px;margin:14px 0 6px;color:#334155}
.dc-co-hang{display:flex;flex-wrap:wrap;gap:6px}
.dc-co-hang span{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:13px}
.dc-co-hang svg{width:18px;height:auto}
.dc-faq{border-bottom:1px solid #eef2f7;padding:4px 0}
.dc-faq p{margin:4px 0 10px;line-height:1.6;color:#334155}
.dc-cta{background:#0f172a;color:#e2e8f0;border-radius:18px;padding:20px}
.dc-cta h2{color:#fff}
.dc-luat>div{padding:10px 0;border-bottom:1px solid #eef2f7}
.dc-luat dt{font-weight:700;font-size:16px;color:#0f172a}
.dc-luat dd{margin:4px 0 0;color:#334155;line-height:1.6}
.dc-luat-con dd ul{margin:6px 0 0;padding-left:18px}

/* ho chieu - so sanh nhanh */
.dc-hc-so{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.dc-hc-so>div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
.dc-hc-so small{display:block;font-weight:700;color:#64748b}
.dc-hc-so strong{display:block;font-size:34px;line-height:1.1;color:#0f172a}
.dc-hc-so span{font-size:13px;color:#475569}
.dc-hc-so .dc-hc-noi{background:var(--brand);border-color:var(--brand)}
.dc-hc-so .dc-hc-noi *{color:#fff}
.dc-chang{list-style:none;padding:0;counter-reset:c}
.dc-chang li{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-left:5px solid #cbd5e1;border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:15px}
.dc-chang li>span:last-child{grid-column:1/-1;font-size:14px}
.dc-chang li.dc-l-di{border-left-color:#16a34a}.dc-chang li.dc-l-dt{border-left-color:#ca8a04}.dc-chang li.dc-l-xin{border-left-color:#dc2626}
.dc-chang li b{color:#0f172a}
.dc-viec{padding-left:20px}
.dc-viec li{margin-bottom:10px;line-height:1.55}
.dc-viec li span{display:block;color:#475569;font-size:14px}

/* DCHOI_v1 — o "Hoi tro ly" + bang "tro ly hieu cau" */
.dc-hoi{margin:14px 0 4px;padding:14px;border-radius:16px;background:#fff;border:2px solid color-mix(in srgb,var(--brand) 55%,#fff);box-shadow:0 10px 28px color-mix(in srgb,var(--brand) 18%,transparent)}
.dc-hoi-nhan{display:block;font-weight:800;font-size:15px;color:var(--brand);margin:0 0 8px}
.dc-hoi-dong{display:flex;gap:8px;align-items:stretch}
.dc-hoi-dong textarea{flex:1;min-width:0;font:inherit;font-size:16px;line-height:1.45;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;resize:vertical;background:#f8fafc;color:#0f172a}
.dc-hoi-dong textarea:focus{outline:none;border-color:var(--brand);background:#fff}
.dc-hoi-dong .dc-nut{margin:0;padding:0 20px;font-size:16px}
.dc-hoi-vd{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:13px;align-items:center}
.dc-hoi-vd>span{color:#64748b;font-weight:600}
.dc-hoi-vd a{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,#fff);color:var(--brand);text-decoration:none;line-height:1.3}
.dc-hieu-ds{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.dc-hieu-ds li{display:grid;grid-template-columns:110px 1fr;gap:2px 10px;padding:8px 10px;border-radius:10px;background:#f8fafc;border-left:4px solid #cbd5e1}
.dc-hieu-ds li span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.03em;grid-row:span 2;align-self:center}
.dc-hieu-ds li b{color:#0f172a}
.dc-hieu-ds li em{font-size:13px;color:#64748b;font-style:normal}
.dc-hieu-co{border-left-color:#16a34a!important;background:#f0fdf4!important}
.dc-hieu-ct a{display:inline-block;margin:4px 8px 0 0}
.dc-bai-lq{margin:0;padding-left:18px;line-height:1.7}
.dc-bang-hoi td small{color:#64748b;font-weight:400}
@media (max-width:520px){.dc-hoi-dong{flex-direction:column}.dc-hoi-dong .dc-nut{padding:12px}.dc-hieu-ds li{grid-template-columns:1fr}.dc-hieu-ds li span{grid-row:auto}}
