/* ============================================================
   ROUTE — rijtijden vanuit de buurgemeenten
   (fitness-, personal-coaching- en e-fit-pagina's per gemeente)
   Een rustige lijst met haarlijnen, zoals 'Dit is waar je traint'
   op /nl/fitness: plaats links, rijtijd rechts.
   ============================================================ */

/* Tekst boven de lijst en de link eronder: links op de inhoudskolom */
.region .region__intro {
  text-align: left;
  margin: 0 0 clamp(40px, 4.5vw, 56px);
}

.region .region__lead {
  max-width: 62ch;
  margin: 28px 0 0;
  font-size: 15px;
  line-height: 1.75;
  text-align: left;
}

.region .region__lead + .region__lead { margin-top: 16px; }

/* De lijst: twee kolommen op desktop, één op mobiel */
.route {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(40px, 6vw, 96px);
}

.route__rij {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 0;
  border-bottom: 1px solid var(--accent-line);
}

.route__rij:nth-child(-n + 2) { border-top: 1px solid var(--accent-line); }

.route__plaats {
  font-family: var(--font-label);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--fg-faint);
}

.route__tijd {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 300;
  color: var(--fg);
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.region .region__foot {
  max-width: 62ch;
  margin: 40px 0 0;
  text-align: left;
}

/* Links in de tekst onder de lijst: lichter, met een dunne lijn eronder (zoals bij 'Voor ondernemers') */
.region .region__foot a { color: var(--fg); text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; padding-bottom: 1px; }
.region .region__foot a:has(> strong) { background: none; padding-bottom: 0; }

@media (max-width: 880px) {
  .route { grid-template-columns: 1fr; }
  .route__rij:nth-child(2) { border-top: 0; }
  .region .region__foot { margin-top: 32px; }
}