/* ==========================================================================
   Blok: regio. Smalle band (design.md §18.2 sectie 9): kop 5/12 en tekst met gemeenten 7/12 vanaf 64em.
   Geen prototype-equivalent; afgeleid van intro_text (zelfde kolommen, zelfde lead-maat).
   ========================================================================== */

.block-region-band__grid {
  display: grid;
  row-gap: var(--sp-8);
}

.block-region-band__text {
  max-width: var(--measure);
  color: var(--text-secondary);
  font-size: var(--fs-lead);
  line-height: var(--lh-lead);
}

.block-region-band__places {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-3);
}

.block-region-band__text + .block-region-band__places {
  margin-top: var(--sp-6);
}

.block-region-band__places li {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1-5);
  padding: var(--sp-1-5) var(--sp-3);
  border: var(--border-hairline-w) solid var(--border-hairline);
  background: var(--color-white);
  color: var(--color-black);
  font-size: var(--fs-small);
  line-height: var(--lh-small);
}

.block-region-band__pin {
  width: 1em;
  height: 1em;
  color: var(--color-primary);
}

@media (min-width: 64em) {
  .block-region-band__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--sp-8);
  }

  .block-region-band__head {
    grid-column: span 5;
  }

  .block-region-band__body {
    grid-column: span 7;
    padding-left: var(--sp-8);
  }
}