/* Opmaak van de sectie "steden" (uit stijlset web-stad) voor gebruik buiten die stijlset, zoals het werkgebied op de dienstpagina's. */
[data-l="steden"] .steden-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;align-items:end;margin-bottom:36px}
[data-l="steden"] .steden-intro .h2{margin:4px 0 0}
[data-l="steden"] p{margin:0 0 14px;font-size:16px;line-height:1.85;color:#30343f}
[data-l="steden"] .steden-groepen{display:grid;gap:20px;padding:28px 32px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:22px}
[data-l="steden"] .steden-kop{margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
[data-l="steden"] .steden-list{list-style:none;margin:0;padding:0;columns:3;column-gap:28px}
[data-l="steden"] .steden-list li{break-inside:avoid}
[data-l="steden"] .steden-list a{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:15px;line-height:1.4;color:var(--ink);transition:color .2s}
[data-l="steden"] .steden-list a .ic{width:15px;height:15px;color:var(--btn);stroke-width:2.6;transition:transform .2s}
[data-l="steden"] .steden-list a:hover{color:var(--btn)}
[data-l="steden"] .steden-list a:hover .ic{transform:translateX(3px)}
[data-l="steden"] .steden-thuis .steden-list a{font-weight:600}
@media (max-width:960px){
  [data-l="steden"] .steden-intro{grid-template-columns:1fr;gap:8px}
  [data-l="steden"] .steden-list{columns:2}
}
@media (max-width:620px){
  [data-l="steden"] .steden-groepen{padding:18px 20px;gap:16px}
  [data-l="steden"] .steden-list{columns:1}
}