/* Dozzer – Blog Grid Cards 1.0.0 */
.dbg-wrap{ --accent:#e6c642; background:#fff; padding:clamp(18px,3vw,28px) 0; }
.dbg-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1200px; margin:0 auto; padding:0 16px; }

.dbg-card{ background:#fff; border:1px solid #eef1f5; border-radius:14px; overflow:hidden; box-shadow:0 10px 26px rgba(15,23,42,.06); transition:transform .18s, box-shadow .18s }
.dbg-card:hover{ transform:translateY(-3px); box-shadow:0 18px 38px rgba(15,23,42,.10) }

.dbg-card .thumb{ position:relative; display:block; border-bottom:4px solid var(--accent); }
.dbg-card .thumb .img{ display:block; width:100%; aspect-ratio:16/9; background:#ddd center/cover no-repeat; }
.dbg-card .thumb .underline{ position:absolute; right:0; bottom:-4px; width:96px; height:4px; background:var(--accent) }
.dbg-card .thumb .badge{ position:absolute; right:14px; bottom:10px; background:var(--accent); color:#1a1a1a; font-weight:800; font-size:.82rem; padding:6px 10px; border-radius:4px; box-shadow:0 8px 18px rgba(0,0,0,.10) }

.dbg-card .title{ margin:.9rem 16px .35rem; font-size: clamp(18px,1.6vw,24px); line-height:1.25; font-weight:900 }
.dbg-card .title a{ color:#0b1324; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px }
.dbg-card .title a:hover{ color:#0d3b66 }

.dbg-card .meta{ margin:0 16px .5rem; color:#6b7280; font-size:.88rem }
.dbg-card .excerpt{ margin:0 16px 1rem; color:#445; }

.dbg-card .readmore{ display:inline-flex; align-items:center; gap:8px; margin:0 16px 18px; font-weight:800; color:#0d3b66; text-decoration:none }
.dbg-card .readmore .arr{ transition:transform .18s }
.dbg-card .readmore:hover .arr{ transform:translateX(3px) }

/* Responsive tweaks */
@media (max-width:900px){
  .dbg-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px){
  .dbg-grid{ grid-template-columns:1fr; }
  .dbg-card{ border-radius:12px }
}