/* Lista case study – korzysta ze zmiennych i sekcji z case-study.css. */
.dgb-list .hero { padding-bottom: 72px; }
.dgb-list .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 32px; }
.dgb-list .card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; color: var(--ink); text-decoration: none; transition: transform .2s, box-shadow .2s; }
.dgb-list .card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(0,0,0,.09); }
.dgb-list .thumb { aspect-ratio: 1200 / 630; background: var(--stone); overflow: hidden; }
.dgb-list .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dgb-list .body { padding: 24px 26px 26px; display: flex; flex-direction: column; flex: 1; }
.dgb-list .card h2 { font-size: 22px; line-height: 1.25; margin: 8px 0 10px; }
.dgb-list .card p { font-size: 14.5px; color: #444; margin: 0 0 18px; }
.dgb-list .kpi-line { display: flex; align-items: baseline; gap: 10px; padding-top: 16px; border-top: 1px solid var(--line); margin-top: auto; }
.dgb-list .kpi-line b { font-size: 30px; font-weight: 800; line-height: 1; white-space: nowrap; flex: none; }
.dgb-list .kpi-line span { font-size: 13px; color: var(--mute); }
.dgb-list .more { margin-top: 18px; font-weight: 700; font-size: 14px; }
.dgb-list .card:hover .more { text-decoration: underline; text-decoration-color: var(--honey); text-decoration-thickness: 3px; }
@media (max-width: 560px) { .dgb-list .cards { grid-template-columns: 1fr; } }