/* dcp-polish.css — Hệ design "đẹp hơn" (Codex thiết kế, 2026-07-06)
   Navy #0D1F33 + Gold #C99A4E. Ít chữ, nhiều icon, dễ nhìn. Áp THÊM, không phá class cũ.
   Nạp same-origin (CSP cho phép). Dùng kèm sprite #ico-* inline trong trang. */
:root{
  --navy:#0D1F33; --gold:#C99A4E; --ink:#152335;
  --muted:#5f6b7a; --line:rgba(13,31,51,.12); --soft:#F8F5EF;
}
html,body{ overflow-x:hidden; }

/* Icon chip */
.dcp-ico{
  width:44px; height:44px; display:inline-grid; place-items:center;
  border-radius:12px; background:var(--soft); margin-bottom:12px; flex:0 0 auto;
}
.dcp-ico svg{ width:26px; height:26px; }
.dcp-ico.sm{ width:34px; height:34px; border-radius:10px; margin:0; }
.dcp-ico.sm svg{ width:20px; height:20px; }
.dcp-inline-ico{ width:18px; height:18px; vertical-align:-3px; }

/* Kicker + tiêu đề dịu mắt */
.dcp-kicker{
  display:inline-flex; align-items:center; gap:8px; color:var(--gold);
  font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:13px;
}
.dcp-lead{ color:var(--muted); line-height:1.55; text-wrap:pretty; }
.dcp-short-lines b, .dcp-short-lines span{ display:block; }

/* Lưới card dẫn bằng icon (thay list chữ dài) */
.dcp-icon-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px;
}
.dcp-icon-card{
  border:1px solid var(--line); border-radius:16px; padding:22px; background:#fff;
  box-shadow:0 18px 45px rgba(13,31,51,.07);
}
.dcp-icon-card h3{ color:var(--navy); font-size:18px; line-height:1.25; margin:0 0 6px; }
.dcp-icon-card p{ color:var(--muted); font-size:15px; line-height:1.5; margin:0; }

/* Hàng icon + chữ (thay bullet emoji) */
.dcp-row{ display:flex; align-items:flex-start; gap:12px; }
.dcp-row + .dcp-row{ margin-top:12px; }

/* Nút có mũi tên */
.dcp-btn svg{ width:18px; height:18px; margin-left:8px; vertical-align:-3px; }

@media (max-width:720px){
  .dcp-icon-grid{ grid-template-columns:1fr; gap:12px; }
  .dcp-icon-card{ padding:18px; }
}

/* Icon v2 duotone (Codex) — dùng cho điểm nhấn hero/section */
.dcp-i2{width:40px;height:40px;display:inline-block;vertical-align:middle}
.dcp-i2.lg{width:64px;height:64px}
.dcp-i2.sm{width:28px;height:28px}