/* downloads.css — Documents grid/cards (brand-aligned with theme.css) */

.dl-grid{
  --gap: .9rem;
  list-style:none; margin:0; padding:0;
  display:grid; gap:var(--gap);
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px){ .dl-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .dl-grid{ grid-template-columns: 1fr; } }

.dl-card.card{
  border-radius:16px; overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.dl-card.card:hover{ transform: translateY(-2px); box-shadow:0 16px 32px rgba(0,0,0,.10); }

.dl-media{
  display:flex; align-items:center; justify-content:space-between;
  padding:.9rem 1rem .5rem 1rem; background: var(--paper-2);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.dl-icon{
  width:44px; height:44px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}
.dl-icon .bi{ font-size: 1.5rem; color: var(--brand-900); }

.dl-badge{
  font-size:.75rem; font-weight:700; letter-spacing:.02em;
  background: #fff; border:1px solid rgba(0,0,0,.06);
  padding: .25rem .5rem; border-radius:999px;
  color: var(--muted-ink);
}

.dl-title{ text-decoration:none; color:var(--ink); }
.dl-title:hover{ color: var(--brand-900); }
.dl-meta{ color: var(--muted-ink); }
.dl-cta{ margin-top:.6rem; }