/*
 * Downloadpagina. Leunt op datarecup-home.css voor de hero, de secties en de
 * knoppen; hier staat alleen wat deze pagina eigen is.
 */

.dr-hero--kort .dr-hero__inner{padding-block:74px 78px}
.dr-hero--kort .dr-hero__title{max-width:20ch}

/* ── documentkaarten ─────────────────────────────────────── */
.dr-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}

.dr-doc{display:flex;flex-direction:column;gap:6px;background:#fff;
  border:1px solid var(--line,rgba(23,40,155,.13));border-top:3px solid var(--blue,#17289B);
  border-radius:16px;padding:24px 26px 22px;text-decoration:none;color:inherit;transition:.16s}
.dr-doc:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(10,16,40,.11);
  border-color:var(--blue,#17289B);color:inherit}

.dr-doc__soort{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted,#5A607A)}
.dr-doc b{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;
  letter-spacing:-.01em;color:var(--ink,#1A1D2E)}
.dr-doc__tekst{font-size:15px;color:var(--muted,#5A607A);line-height:1.55;flex:1}
.dr-doc__go{margin-top:14px;font-family:'Syne',sans-serif;font-weight:600;font-size:13.5px;
  color:var(--blue,#17289B);display:inline-flex;align-items:center;gap:7px}
.dr-doc__go i{font-style:normal;transition:transform .16s}
.dr-doc:hover .dr-doc__go i{transform:translateY(2px)}

/* kop met een knop ernaast */
.dr-docs__kop{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;
  justify-content:space-between;margin-bottom:8px}
.dr-docs__kop .dr-section__lead{margin-bottom:0}

/* het vraagblok onderaan */
.dr-docs__vraag{display:flex;flex-wrap:wrap;gap:22px;align-items:center;
  justify-content:space-between;padding:30px 34px;border-radius:18px;
  background:var(--surface,#F4F6FB);border:1px solid var(--line,rgba(23,40,155,.13))}
.dr-docs__vraag .dr-section__title{margin-bottom:6px;font-size:clamp(21px,2.4vw,27px)}

@media (max-width:1000px){ .dr-docs{grid-template-columns:1fr 1fr} }
@media (max-width:680px){
  .dr-docs{grid-template-columns:1fr}
  .dr-docs__vraag{padding:24px}
}