/*
 * Zoeken op afstand, voor de afleverpuntenpagina.
 *
 * Laad dit na datarecup-punten.css.
 */

.dr-zoek__hint{margin:-22px 0 30px;font-size:14px;color:var(--muted,#5A607A);
  line-height:1.5}

/* ── het blok met de dichtstbijzijnde punten ─────────────── */
.dr-dichtst{margin-bottom:40px;padding:26px 28px 28px;background:#fff;
  border:1px solid var(--line,rgba(23,40,155,.13));
  border-top:3px solid var(--blue,#17289B);border-radius:16px}
.dr-dichtst__titel{margin:0 0 6px;font-family:'Archivo',sans-serif;
  font-weight:700;font-size:clamp(19px,2.3vw,23px);letter-spacing:-.02em;
  color:var(--ink,#1A1D2E)}
.dr-dichtst__lead{margin:0 0 20px;font-size:15px;line-height:1.55;
  color:var(--muted,#5A607A)}
.dr-dichtst .dr-btn{margin-top:20px}

/* Het naaste punt springt eruit. */
.dr-punt--dichtst:first-child{border-color:var(--blue,#17289B);
  box-shadow:0 4px 16px rgba(23,40,155,.1)}

.dr-punt__km{flex:none;font-family:'IBM Plex Mono',monospace;font-size:12px;
  padding:3px 9px;border-radius:99px;background:rgba(23,40,155,.08);
  color:var(--blue,#17289B);white-space:nowrap}