/* De datalijst in het aanbodblok van een gratis cursus: per eerstvolgende start een
   eigen inschrijflink. Stond er eerst als losse zin ("Eerstvolgende start 1 oktober
   2026 in Zwolle") met alleen een knop naar de cursuspagina, en dan zit er nog een
   klik tussen de bezoeker en het inschrijfformulier.

   Wordt zowel op de inhoudsopgave (het keuzeblok bovenaan) als in de zijbalk van een
   hoofdstuk gebruikt, en staat daarom in een eigen bestand: die twee pagina's laden
   niet dezelfde CSS. */
.gc-data {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}
.gc-data-regel {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 12px;
    padding: 7px 0;
    border-bottom: 1px solid #eceff2;
    font-size: 15px;
    line-height: 1.4;
}
.gc-data-regel:first-child { border-top: 1px solid #eceff2; }
.gc-data-wanneer { color: #55616c; }
.gc-data-wanneer b { color: #22303c; font-weight: 600; }
.gc-data-inschrijven {
    color: #e2620f;
    font-weight: 600;
    white-space: nowrap;
}
.gc-data-inschrijven:hover, .gc-data-inschrijven:focus { color: #b64d0a; text-decoration: underline; }
.gc-data-meer a { color: #14608f; font-size: 14px; }

/* In de smalle zijbalk van een hoofdstuk is de regel te krap voor datum en link naast
   elkaar; laat de link dan onder de datum vallen in plaats van ertegenaan. */
.gc-aanbod-zijbalk .gc-data-regel { font-size: 14px; }
.gc-aanbod-zijbalk .gc-data-wanneer { flex: 1 1 100%; }