/* Basisopmaak frontend. Het thema bepaalt lettertype en kleuren. */
.obcep-registratie { max-width: 36rem; display: grid; gap: 1.25rem; }
.obcep-registratie__intro > :first-child { margin-top: 0; }
.obcep-registratie__intro > :last-child { margin-bottom: 0; }
.obcep-rij { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1.25rem; }
.obcep-veld { display: grid; gap: .375rem; }
.obcep-veld label { font-weight: 600; }
.obcep-veld input[type="text"],
.obcep-veld input[type="email"],
.obcep-veld select,
.obcep-veld input[type="url"],
.obcep-veld input[type="date"],
.obcep-veld textarea { width: 100%; min-height: 2.75rem; padding: .5rem .75rem; box-sizing: border-box; font: inherit; }
.obcep-veld--check label { display: flex; gap: .5rem; align-items: flex-start; font-weight: 400; }
.obcep-veld--check input { margin-top: .25rem; width: 1.125rem; height: 1.125rem; }
.obcep-veld--fout input { border-color: #b32d2e; }
.obcep-rollen { border: 0; margin: 0; padding: 0; }
.obcep-rollen legend { font-weight: 600; padding: 0; margin-bottom: .375rem; }
.obcep-rol { display: flex; gap: .75rem; align-items: flex-start; padding: .75rem 1rem; border: 1px solid currentColor; cursor: pointer; }
.obcep-rol + .obcep-rol { margin-top: .5rem; }
.obcep-rol input { margin-top: .25rem; width: 1.125rem; height: 1.125rem; }
.obcep-rol > span { display: grid; gap: .125rem; }
.obcep-optioneel, .obcep-hulp { font-weight: 400; opacity: .75; margin: 0; }
.obcep-fout { color: #b32d2e; margin: 0; }
.obcep-melding { padding: 1rem 1.25rem; border: 1px solid currentColor; }
.obcep-melding p { margin: 0 0 .5rem; }
.obcep-melding p:last-child { margin: 0; }
.obcep-melding--fout { color: #b32d2e; }
.obcep-knop { justify-self: start; min-height: 2.75rem; padding: .5rem 1.5rem; font: inherit; font-weight: 600; cursor: pointer; }
.obcep-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.obcep-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Sportenoverzicht */
.obcep-sporten { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: 1.5rem; }
.obcep-sport { display: flex; flex-direction: column; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
.obcep-sport__beeld img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.obcep-sport__inhoud { flex: 1; display: flex; flex-direction: column; gap: .625rem; padding: 1.25rem 1.5rem 1.5rem; }
.obcep-sport__naam { margin: 0; }
.obcep-sport__aantal { margin: 0; font-size: .875rem; opacity: .75; }
.obcep-sport__tekst > :first-child { margin-top: 0; }
.obcep-sport__tekst > :last-child { margin-bottom: 0; }
.obcep-sport__opleidingen { margin: 0; padding-left: 1.25rem; display: grid; gap: .125rem; }
.obcep-sport__knop { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; text-decoration: none; }

/* Dashboard */
.obcep-dashboard { display: grid; gap: 1.5rem; max-width: 48rem; }
.obcep-dashboard__kop h2 { margin: 0; }
.obcep-dashboard__blok { padding: 1.25rem 1.5rem; border: 1px solid currentColor; }
.obcep-dashboard__blok h3 { margin-top: 0; }
.obcep-dashboard__blok > :last-child { margin-bottom: 0; }

/* Account */
.obcep-account__nav { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.obcep-account__form { display: grid; gap: 1.25rem; }
.obcep-account__label { font-weight: 600; }
.obcep-account__lijst { list-style: none; margin: 0; padding: 0; display: grid; }
.obcep-account__lijst li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; padding: .75rem 0; border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.obcep-account__lijst li > span:first-child { display: grid; gap: .125rem; }
.obcep-account__downloads, .obcep-account__knoppen, .obcep-account__voet { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; align-items: center; }
.obcep-account__knoppen form { margin: 0; }
.obcep-knop--rand { background: transparent; }

/* Inschrijven */
.obcep-inschrijven { margin-top: 1.25rem; }
.obcep-inschrijven__rij { display: flex; gap: .5rem; flex-wrap: wrap; }
.obcep-inschrijven__rij input { flex: 1 1 12rem; width: auto; text-transform: uppercase; letter-spacing: .08em; }

/* Kaarten */
.obcep-kaarten { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.obcep-kaart { display: grid; gap: .375rem; padding-bottom: 1rem; border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
.obcep-kaart:last-child { border-bottom: 0; padding-bottom: 0; }
.obcep-kaart__kop { display: flex; gap: .75rem; align-items: baseline; justify-content: space-between; flex-wrap: wrap; }
.obcep-kaart__titel { font-weight: 600; }

/* Voortgangsbalk */
.obcep-balk { height: .5rem; background: color-mix(in srgb, currentColor 12%, transparent); overflow: hidden; }
.obcep-balk > span { display: block; height: 100%; background: currentColor; }

/* Status */
.obcep-status { display: inline-block; padding: .125rem .5rem; border: 1px solid currentColor; font-size: .8125rem; line-height: 1.4; white-space: nowrap; }
.obcep-status--niet_gestart { opacity: .7; }
.obcep-status--ingediend,
.obcep-status--opnieuw_ingediend { color: #1d4f91; }
.obcep-status--aanpassing_gevraagd { color: #8a4b00; }
.obcep-status--goedgekeurd,
.obcep-status--gereed_formeel { color: #1e6b3a; font-weight: 600; }

/* Portfolio */
.obcep-portfolio { display: grid; gap: 1.5rem; max-width: 48rem; }
.obcep-portfolio__kop { display: grid; gap: .5rem; }
.obcep-portfolio__kop h2, .obcep-portfolio__kop p { margin: 0; }
.obcep-terug { margin: 0; }
.obcep-export { display: flex; gap: .5rem 1.25rem; flex-wrap: wrap; margin: .25rem 0 0; }
.obcep-export a { font-weight: 600; }
.obcep-nr { font-variant-numeric: tabular-nums; opacity: .6; margin-right: .25rem; }
.obcep-kerntaak { display: grid; gap: 1rem; padding-top: 1rem; border-top: 2px solid currentColor; }
.obcep-kerntaak__kop { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.obcep-kerntaak__kop h3, .obcep-werkproces h4 { margin: 0; }
.obcep-kerntaak__meta { display: flex; align-items: baseline; gap: .5rem; }
.obcep-kerntaakgroep { display: grid; gap: .25rem; margin-top: 1rem; }
.obcep-kerntaakgroep h3, .obcep-kerntaakgroep p { margin: 0; }
.obcep-kerntaak--open-keuze { border-top-style: dashed; }
.obcep-kerntaak--open-keuze p { margin: 0; }
.obcep-kerntaak__werkprocessen { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; }
.obcep-keuzeform { margin: 0; }
.obcep-werkproces { display: grid; gap: .5rem; }
.obcep-opdrachten { list-style: none; margin: 0; padding: 0; }
.obcep-opdracht-rij { display: flex; justify-content: space-between; align-items: center; gap: .5rem 1rem; flex-wrap: wrap; padding: .625rem 0; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.obcep-opdracht-rij__meta { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }

/* Opdracht */
.obcep-opdracht__status { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.obcep-onderdeel { display: grid; gap: .5rem; }
.obcep-onderdeel h3 { margin: 0; }
.obcep-onderdeel p { margin: 0; }
.obcep-tekst > :first-child { margin-top: 0; }
.obcep-tekst > :last-child { margin-bottom: 0; }
.obcep-vereist { margin: 0; padding-left: 1.25rem; }
.obcep-bewijslijst { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.obcep-bewijs { display: grid; gap: .375rem; padding: .875rem 1rem; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); }
.obcep-bewijs p { margin: 0; overflow-wrap: anywhere; }
.obcep-bewijs form { margin: 0; }
.obcep-bewijs__kop { display: flex; justify-content: space-between; gap: .5rem 1rem; flex-wrap: wrap; }
.obcep-knop-link { background: none; border: 0; padding: 0; font: inherit; text-decoration: underline; cursor: pointer; color: #b32d2e; }
.obcep-bewijsform { display: grid; gap: 1.25rem; padding: 1.25rem 1.5rem; border: 1px solid currentColor; }
.obcep-bewijsform h3 { margin: 0; }
.obcep-soorten { border: 0; margin: 0; padding: 0; }
.obcep-soorten legend { font-weight: 600; padding: 0; margin-bottom: .375rem; }
.obcep-soorten__keuzes { display: flex; flex-wrap: wrap; gap: .5rem; }
.obcep-soort { display: flex; gap: .5rem; align-items: center; min-height: 2.75rem; padding: 0 .875rem; border: 1px solid currentColor; cursor: pointer; font-weight: 400; }
.obcep-veld input[type="file"] { font: inherit; }
/* Toon alleen de velden die bij de gekozen soort horen (zonder :has() blijven alle velden zichtbaar). */
.obcep-bewijsform:has(input[name="soort"]:checked):not(:has(input[name="soort"][value="bestand"]:checked)) .obcep-alleen-bestand { display: none; }
.obcep-bewijsform:has(input[name="soort"]:checked):not(:has(input[name="soort"][value="link"]:checked, input[name="soort"][value="video"]:checked)) .obcep-alleen-url { display: none; }

/* Reflectie */
.obcep-reflectie__kop { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem 1rem; flex-wrap: wrap; }
.obcep-reflectieform { display: grid; gap: 1.25rem; padding: 1.25rem 1.5rem; border: 1px solid currentColor; }
.obcep-reflectieform textarea { min-height: 6rem; resize: vertical; }
.obcep-reflectieform__acties { display: flex; gap: .75rem 1rem; align-items: center; flex-wrap: wrap; }
.obcep-veld--fout textarea { border-color: #b32d2e; }
.obcep-reflectie__vervallen summary { cursor: pointer; }
.obcep-reflectie__vervallen .obcep-tekst { margin-top: .5rem; opacity: .8; }
.obcep-reflectie__antwoorden { margin: 0; display: grid; gap: .375rem; }
.obcep-reflectie__antwoorden dt { font-weight: 600; }
.obcep-reflectie__antwoorden dt:not(:first-child) { margin-top: .75rem; }
.obcep-reflectie__antwoorden dd { margin: 0; }

/* Indienen, beoordeling, historie */
.obcep-check { margin-left: .5rem; font-size: .8125rem; opacity: .75; }
.obcep-check--ja { color: #1e6b3a; opacity: 1; }
.obcep-check--nee { color: #8a4b00; opacity: 1; }
.obcep-indienen form, .obcep-beoordeling form { margin: 0; }
.obcep-knop:disabled { cursor: not-allowed; opacity: .5; }
.obcep-melding--aanpassing { color: #8a4b00; }
.obcep-melding--aanpassing .obcep-tekst { color: initial; }
.obcep-besluiten { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.obcep-besluit { display: grid; gap: .375rem; padding: .875rem 1rem; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); }
.obcep-besluit__kop { display: flex; gap: .5rem 1rem; align-items: center; flex-wrap: wrap; }
.obcep-besluitform { display: grid; gap: 1.25rem; padding: 1.25rem 1.5rem; border: 1px solid currentColor; }
.obcep-besluitform textarea { min-height: 6rem; resize: vertical; }
.obcep-historie summary { cursor: pointer; }
.obcep-historie summary h3 { display: inline; margin: 0; }
.obcep-historie__lijst { list-style: none; margin: .75rem 0 0; padding: 0; }
.obcep-historie__lijst > li { padding: .5rem 0; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.obcep-historie__regel { display: flex; justify-content: space-between; gap: .25rem 1rem; flex-wrap: wrap; }
.obcep-historie__details { margin: .5rem 0 0; display: grid; gap: .25rem; font-size: .875rem; }
.obcep-historie__details dt { font-weight: 600; }
.obcep-historie__details dd { margin: 0 0 .5rem; display: grid; gap: .25rem; }
.obcep-historie__details del, .obcep-historie__details ins { display: block; padding: .25rem .5rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.obcep-historie__details del { background: color-mix(in srgb, #b32d2e 10%, transparent); }
.obcep-historie__details ins { background: color-mix(in srgb, #1e6b3a 10%, transparent); text-decoration: none; }

/* Feedback */
.obcep-feedback { display: grid; gap: .5rem; }
.obcep-bewijs .obcep-feedback { margin-top: .25rem; padding-top: .5rem; border-top: 1px dashed color-mix(in srgb, currentColor 20%, transparent); }
.obcep-feedbacklijst { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.obcep-feedbackitem { display: grid; gap: .25rem; padding: .625rem .875rem; background: color-mix(in srgb, #1d4f91 6%, transparent); }
.obcep-feedbackitem--intern { background: color-mix(in srgb, currentColor 6%, transparent); border-left: 0; outline: 1px dashed color-mix(in srgb, currentColor 30%, transparent); }
.obcep-feedbackitem__kop { display: flex; gap: .25rem .75rem; align-items: baseline; flex-wrap: wrap; }
.obcep-label { display: inline-block; padding: 0 .375rem; font-size: .75rem; line-height: 1.5; border: 1px solid color-mix(in srgb, currentColor 35%, transparent); }
.obcep-label--intern { font-weight: 600; }
.obcep-feedbackform summary { cursor: pointer; text-decoration: underline; }
.obcep-feedbackform form { display: grid; gap: 1rem; margin-top: .75rem; }
.obcep-feedbackform textarea { min-height: 5rem; resize: vertical; }

/* Dashboard cursist */
.obcep-dbportfolio { display: grid; gap: .75rem; }
.obcep-dbportfolio__kop { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.obcep-dbportfolio__kop h3, .obcep-dbportfolio__kop p { margin: 0; }
.obcep-dbportfolio__procent { font-size: 1.75rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.obcep-dbportfolio__deel { display: grid; gap: .5rem; padding-top: .75rem; border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.obcep-dbportfolio__deel h4 { margin: 0; }
.obcep-dbportfolio p { margin: 0; }
.obcep-kerntaakbalken { list-style: none; margin: 0; padding: 0; display: grid; gap: .375rem; }
.obcep-kerntaakbalken li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(4rem, 8rem) 3rem; gap: .75rem; align-items: center; font-size: .875rem; }
.obcep-kerntaakbalken__titel { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.obcep-kerntaakbalken .obcep-hulp { text-align: right; font-variant-numeric: tabular-nums; }
.obcep-acties { list-style: none; margin: 0; padding: 0; }
.obcep-actie { display: flex; justify-content: space-between; gap: .25rem 1rem; flex-wrap: wrap; padding: .5rem 0; border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent); }
.obcep-actie:last-child { border-bottom: 0; }
.obcep-actie__tekst { font-size: .875rem; }
.obcep-actie--aanpassing .obcep-actie__tekst, .obcep-actie--verlopen .obcep-actie__tekst { color: #8a4b00; font-weight: 600; }
.obcep-actie--indienen .obcep-actie__tekst { color: #1e6b3a; font-weight: 600; }
.obcep-activiteit { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.obcep-activiteit__item { display: grid; gap: .25rem; }
.obcep-activiteit__kop { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.obcep-activiteit__item p { display: flex; gap: .25rem .75rem; flex-wrap: wrap; }
.obcep-activiteit__fragment { font-size: .875rem; opacity: .85; }
.obcep-label--nieuw { font-weight: 600; color: #1d4f91; border-color: currentColor; }

/* Begeleiding */
.obcep-begeleiding { display: grid; gap: 1.5rem; max-width: 64rem; }
.obcep-begeleiding__kop { display: grid; gap: .375rem; }
.obcep-begeleiding__kop h2, .obcep-begeleiding__kop p { margin: 0; }
.obcep-begeleiding__resultaat { display: grid; gap: .75rem; }
.obcep-begeleiding__resultaat > p { margin: 0; }
.obcep-tabs { display: flex; gap: .25rem 1.5rem; flex-wrap: wrap; border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
.obcep-tabs a { padding: .5rem 0; margin-bottom: -1px; border-bottom: 2px solid transparent; text-decoration: none; }
.obcep-tabs a[aria-current="page"] { font-weight: 600; border-bottom-color: currentColor; }
.obcep-filters { display: grid; gap: 1rem; padding: 1.25rem 1.5rem; border: 1px solid currentColor; }
.obcep-filters__velden { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 1rem; }
.obcep-filters__acties { display: flex; gap: .75rem 1.25rem; align-items: center; flex-wrap: wrap; }
.obcep-veld select:disabled { opacity: .5; }
.obcep-wachtrij { list-style: none; margin: 0; padding: 0; }
.obcep-wachtrij__item { display: grid; gap: .25rem; padding: .75rem 0; border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.obcep-wachtrij__item:first-child { padding-top: 0; }
.obcep-wachtrij__item:last-child { border-bottom: 0; }
.obcep-wachtrij__kop { display: flex; justify-content: space-between; align-items: baseline; gap: .25rem 1rem; flex-wrap: wrap; }
.obcep-wachtrij__titel { font-weight: 600; }
.obcep-wachtrij__meta { display: flex; gap: .25rem .75rem; flex-wrap: wrap; align-items: baseline; margin: 0; font-size: .875rem; }
.obcep-label--besluit { color: #1e6b3a; border-color: currentColor; font-weight: 600; }
.obcep-dbwachtrij { display: grid; gap: .75rem; }
.obcep-dbwachtrij p { margin: 0; }
.obcep-tabel { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.obcep-tabel th, .obcep-tabel td { padding: .625rem .75rem .625rem 0; text-align: left; vertical-align: top; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.obcep-tabel th { font-size: .8125rem; font-weight: 600; border-bottom-color: currentColor; }
.obcep-tabel .obcep-getal { text-align: right; font-variant-numeric: tabular-nums; }
.obcep-tabel__cursist { display: grid; gap: .125rem; }
.obcep-tabel__cursist a { font-weight: 600; }
.obcep-tabel__procent { font-weight: 600; font-variant-numeric: tabular-nums; margin-right: .375rem; }
.obcep-tabel .obcep-balk { display: block; max-width: 8rem; margin-top: .375rem; }
.obcep-tabel__aanpassing { display: block; font-size: .8125rem; color: #8a4b00; }
.obcep-tabel__wacht { font-weight: 700; color: #1d4f91; }
.obcep-paginering { display: flex; gap: .5rem 1.5rem; align-items: center; flex-wrap: wrap; }
@media (max-width: 40rem) {
	.obcep-tabel thead { position: absolute; left: -9999px; }
	.obcep-tabel, .obcep-tabel tbody, .obcep-tabel tr, .obcep-tabel td { display: block; }
	.obcep-tabel tr { padding: .75rem 0; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
	.obcep-tabel td { padding: .125rem 0; border: 0; }
	.obcep-tabel td[data-label]::before { content: attr(data-label) ": "; font-weight: 600; }
	.obcep-tabel .obcep-getal { text-align: left; }
	.obcep-tabel__aanpassing { display: inline; margin-left: .375rem; }
}

/* Structuur invoeren [obcep_structuur] */
.obcep-sb__balk { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: flex-start; }
.obcep-sb__kiezer, .obcep-sb__toevoegen { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: center; margin: 0; }
.obcep-sb__kiezer label { font-weight: 600; }
.obcep-sb__kiezer select { min-height: 2.75rem; }
.obcep-sb__toevoegen input[type="text"] { flex: 1 1 16rem; min-height: 2.75rem; }
.obcep-sb__nieuw > summary, .obcep-sb__bewerk > summary { cursor: pointer; text-decoration: underline; width: max-content; }
.obcep-sb__nieuw .obcep-sb__toevoegen { margin-top: .75rem; }
.obcep-sb__opleiding { display: grid; gap: 1.25rem; }
.obcep-sb__kop { display: grid; gap: .25rem; }
.obcep-sb__kop h3 { margin: 0; }
.obcep-sb__lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.obcep-sb__lijst--kind { margin-top: .75rem; padding-left: 1.25rem; border-left: 2px solid color-mix(in srgb, currentColor 15%, transparent); }
.obcep-sb__item { display: grid; gap: .5rem; }
.obcep-sb__item--kerntaak { padding: 1rem 1.25rem; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
.obcep-sb__item > .obcep-sb__toevoegen { margin-top: .25rem; }
.obcep-sb__rij { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.obcep-sb__nr { min-width: 2.5rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.obcep-sb__naam { display: grid; gap: .125rem; flex: 1 1 14rem; min-width: 0; }
.obcep-sb__type { font-size: .8125rem; letter-spacing: .04em; text-transform: uppercase; opacity: .7; }
.obcep-sb__titel { font-weight: 600; overflow-wrap: anywhere; }
.obcep-sb__badges { display: flex; flex-wrap: wrap; gap: .375rem; }
.obcep-sb__badge { font-size: .8125rem; padding: .125rem .5rem; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-radius: 999px; white-space: nowrap; }
.obcep-sb__acties { display: flex; gap: .25rem; margin: 0; }
.obcep-sb__acties button { min-width: 2.75rem; min-height: 2.75rem; padding: 0 .75rem; font: inherit; color: inherit; background: transparent; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); cursor: pointer; }
.obcep-sb__acties button:disabled { opacity: .35; cursor: default; }
.obcep-sb__form { display: grid; gap: 1rem; padding: 1rem 0 .5rem; }
.obcep-sb__form textarea { width: 100%; }
.obcep-sb__keuze { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: 0; padding: 0; border: 0; }
.obcep-sb__keuze legend { width: 100%; margin-bottom: .375rem; }
.obcep-sb__criteria { display: grid; gap: .5rem; margin: 0; padding: 0; border: 0; }
.obcep-sb__criterium { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: .5rem; }
.obcep-sb__criterium input[type="text"] { min-height: 2.75rem; }
@media (max-width: 40rem) { .obcep-sb__criterium { grid-template-columns: 1fr; } }
.obcep-sb .is-vervallen > .obcep-sb__rij .obcep-sb__naam { opacity: .55; text-decoration: line-through; }