.organisatie-pagina {
    height: calc(100vh - 74px);
    overflow: auto;
    padding: 24px clamp(18px, 3vw, 48px) 36px;
    background: #fff;
}
.organisatie-pagina > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 18px; }
.organisatie-pagina > header h1 { margin: 3px 0 4px; }
.organisatie-pagina > header p, .organisatie-pagina > header > span { margin: 0; color: var(--subtiel); font-size: 12px; }
.organisatie-label { color: var(--primair); font-size: 11px; font-weight: 700; }
.organisatie-lijst { display: grid; align-content: start; max-width: 1120px; min-width: 0; gap: 0; border-top: 1px solid var(--lijn); padding-top: 22px; }
.organisatie-lijst h2 { margin-bottom: 12px; }
.organisatie-rij { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(160px, .55fr) 80px; align-items: center; gap: 16px; min-height: 62px; border: 0; border-bottom: 1px solid var(--lijn); padding: 9px 12px; color: inherit; background: #fff; text-align: left; cursor: pointer; }
.organisatie-rij:first-of-type { border-top: 1px solid var(--lijn); }
.organisatie-rij:hover { background: #f5faf7; }
.organisatie-rij:focus-visible { position: relative; z-index: 1; }
.organisatie-rij div { min-width: 0; }
.organisatie-rij strong, .organisatie-rij span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.organisatie-rij div span { margin-top: 3px; color: var(--subtiel); font-size: 12px; }
.organisatie-openen { color: var(--primair); font-weight: 650; text-align: right; }
.organisatie-uitleg { color: var(--subtiel); line-height: 1.5; }
.organisatie-tabs { display: flex; gap: 0; border-block: 1px solid var(--lijn); }
.organisatie-tab { min-height: 42px; border: 0; border-bottom: 3px solid transparent; padding: 8px 18px 6px; color: #424242; background: transparent; cursor: pointer; }
.organisatie-tab:hover { background: #f3f7f5; }
.organisatie-tab.actief { border-bottom-color: var(--primair); color: #0b5a34; font-weight: 650; }
.organisatie-tabinhoud { max-width: 1120px; padding-top: 24px; }
.organisatie-tabinhoud > header { margin-bottom: 18px; }
.organisatie-tabinhoud > header h2, .organisatie-tabinhoud > header p { margin-bottom: 4px; }
.organisatie-tabinhoud > header p { color: var(--subtiel); }
.organisatie-formulier { display: grid; max-width: 850px; grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) auto; align-items: end; gap: 14px; }
.organisatie-uitleg { margin-top: 18px; padding: 11px 12px; border-left: 3px solid #8a8886; background: #f5f5f5; }
.organisatie-tabelkader { overflow-x: auto; border-top: 1px solid #a19f9d; }
.organisatie-tabelkader table { min-width: 620px; }
.organisatie-tabelkader th { background: #f3f2f1; }
.organisatie-tabelkader td, .organisatie-tabelkader th { border-right: 1px solid var(--lijn); }
.organisatie-tabelkader td:last-child, .organisatie-tabelkader th:last-child { border-right: 0; }
.organisatie-tabelkader td small { display: block; margin-top: 2px; color: var(--subtiel); }
.organisatie-leeg, .organisatie-laden { color: var(--subtiel); }
.organisatie-sectie { margin-top: 22px; border-top: 1px solid #c8c6c4; padding-top: 16px; }
.organisatie-sectie > header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.organisatie-sectie > header h3 { margin: 0; font-size: 15px; }
.organisatie-sectie > header span { color: var(--subtiel); font-size: 12px; }
.organisatie-compact-formulier { display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(160px, .6fr) minmax(240px, 1fr); align-items: end; gap: 12px; margin-bottom: 14px; padding: 14px; border: 1px solid var(--lijn); background: #fafafa; }
.uitnodiging-formulier { grid-template-columns: minmax(260px, 1fr) 190px auto; }
.organisatie-domeinformulier { display: grid; grid-template-columns: minmax(190px, .7fr) minmax(280px, 1fr) minmax(260px, 1fr) auto; align-items: end; gap: 12px; margin: 14px 0; }
.organisatie-domeinbeleid { display: grid; min-height: 54px; align-content: center; gap: 4px; border-left: 3px solid var(--primair); padding: 6px 10px; background: #f3f7f5; }
.organisatie-domeinbeleid strong { font-size: 12px; }
.organisatie-domeinbeleid span, .organisatie-afgerond { color: var(--subtiel); font-size: 12px; line-height: 1.35; }
.organisatie-toetredingsaanvragen > p { color: var(--subtiel); }
.organisatie-toetredingsbesluit { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(300px, 1.2fr); align-items: end; gap: 10px 14px; margin: 12px 0 16px; border-left: 3px solid var(--primair); padding: 14px; background: #f7faf8; }
.organisatie-toetredingsbesluit header, .organisatie-toetredingsbesluit .organisatie-acties { grid-column: 1 / -1; }
.organisatie-toetredingsbesluit h4, .organisatie-toetredingsbesluit p { margin: 0 0 4px; }
.organisatie-besluituitleg { color: var(--subtiel); font-size: 12px; line-height: 1.4; }
.organisatie-tabelkader td .pill + small { margin-top: 5px; }
.organisatie-lidbewerker { margin-bottom: 14px; padding: 14px 16px; border-left: 3px solid var(--primair); background: #f7faf8; }
.organisatie-lidbewerker h3, .organisatie-lidbewerker p { margin: 0 0 8px; }
.organisatie-acties { display: flex; justify-content: flex-end; gap: 8px; }
.organisatie-waarschuwing, .organisatie-toegangsgrens { padding: 10px 12px; border-left: 3px solid #986f0b; background: #fff8e8; color: #4d3b12; line-height: 1.45; }
.organisatie-linkbewijs { margin: 10px 0 14px; padding: 12px 14px; border-left: 3px solid #107c10; background: #f1faf1; }
.organisatie-linkbewijs p { margin: 4px 0 10px; }
.organisatie-formulierfout { max-width: 760px; margin-top: 14px; }
.organisatie-niet-beschikbaar { color: var(--subtiel); }
.organisatie-profielen table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.organisatie-profielen th, .organisatie-profielen td { padding: 10px 12px; border-bottom: 1px solid var(--lijn); text-align: left; vertical-align: top; }
.organisatie-profielen th:first-child { width: 24%; }
.organisatie-profielen th:nth-child(2) { width: 16%; }
.organisatie-profielen th:last-child { width: 110px; }
.organisatie-profielrechten { display: block; color: #323130; line-height: 1.45; overflow-wrap: anywhere; }
fluent-dialog.dialoog:has(.organisatie-profieldialoog)::part(control) { width: min(760px, calc(100vw - 32px)) !important; }
.organisatie-profieldialoog { display: flex; width: 100%; max-height: calc(100dvh - 42px); flex-direction: column; overflow-y: auto; padding: 24px 24px 0; box-sizing: border-box; }
.organisatie-profieldialoog header h2, .organisatie-profieldialoog header p { margin: 0 0 5px; }
.organisatie-profieldialoog header p, .organisatie-profieluitleg { color: var(--subtiel); line-height: 1.45; }
.organisatie-profieluitleg { margin: 14px 0; padding: 10px 12px; border-left: 3px solid var(--primair); background: #f3f7f5; }
.organisatie-profielgroepen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.organisatie-profielgroep { min-width: 0; margin: 0; border: 1px solid var(--lijn); padding: 10px 12px 12px; }
.organisatie-profielgroep legend { padding: 0 5px; font-weight: 700; }
.organisatie-profielrecht { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 8px; padding: 7px 3px; cursor: pointer; }
.organisatie-profielrecht input { width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--primair); }
.organisatie-profielrecht strong, .organisatie-profielrecht small { display: block; }
.organisatie-profielrecht small { margin-top: 2px; color: var(--subtiel); line-height: 1.35; }
.organisatie-profieldialoog footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; border-top: 1px solid var(--lijn); padding-top: 14px; }
.mobiel-organisaties { display: none; }
.beheer-organisaties { display: grid; gap: 18px; padding-top: 18px; }
.beheer-organisaties > header h2, .beheer-organisaties > header p { margin-bottom: 4px; }
.beheer-organisaties > header p, .beheer-organisatie-invoer small { color: var(--subtiel); }
.beheer-organisatie-invoer { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(320px, 1.4fr) auto; align-items: end; gap: 14px; }
.beheer-organisatie-invoer textarea { width: 100%; min-height: 58px; resize: vertical; border: 1px solid #8a8886; border-radius: 3px; padding: 7px 8px; font: inherit; }
.beheer-organisatie-fout { max-width: 720px; margin: 0; }
.beheer-domeinen { margin-top: 8px; border-top: 1px solid #a19f9d; padding-top: 18px; }
.beheer-domeinen > header h3, .beheer-domeinen > header p { margin: 0 0 5px; }
.beheer-domeinen > header p { color: var(--subtiel); }
.beheer-domeinbesluit { display: grid; grid-template-columns: minmax(190px, .7fr) minmax(260px, 1fr) minmax(260px, 1fr) auto auto auto; align-items: end; gap: 10px; max-width: 1280px; margin: 14px 0; padding: 12px; background: #f7f7f7; }
.beheer-domeinbewijs-uitleg { grid-column: 1 / -1; margin: 0; color: var(--subtiel); font-size: 12px; }
.organisatie-licenties { max-width: 1320px; }
.licentie-toevoegen { border: 1px solid var(--lijn); border-left: 3px solid var(--primair); padding: 16px; background: #f8fbf9; }
.licentie-toevoegen > header { margin-bottom: 12px; }
.licentie-toevoegen > header p, .organisatie-licenties .organisatie-sectie header p { margin: 3px 0 0; color: var(--subtiel); }
.licentie-formulier { display: grid; grid-template-columns: 180px 120px 170px 170px minmax(240px, 1fr) auto; align-items: end; gap: 10px; }
.licentie-toewijzen { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(300px, 1fr) minmax(260px, 1fr) auto; align-items: end; gap: 10px; padding: 14px; border: 1px solid var(--lijn); background: #fafafa; }
.organisatie-licenties table { width: 100%; border-collapse: collapse; }
.organisatie-licenties th, .organisatie-licenties td { padding: 9px 10px; border-bottom: 1px solid var(--lijn); text-align: left; vertical-align: middle; }
.organisatie-facturatie, .beheer-facturatie { max-width: 1320px; }
.commercie-profiel, .commercie-beheersectie { margin-top: 18px; border-top: 1px solid #a19f9d; padding-top: 16px; }
.commercie-profiel > header, .commercie-beheersectie > header { margin-bottom: 14px; }
.commercie-profiel > header h3, .commercie-profiel > header p,
.commercie-beheersectie > header h3, .commercie-beheersectie > header p { margin: 0 0 4px; }
.commercie-profiel > header p, .commercie-beheersectie > header p { color: var(--subtiel); }
.commercie-profielraster { display: grid; grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: 12px; max-width: 1080px; }
.commercie-acties { display: flex; justify-content: flex-end; max-width: 1080px; margin-top: 14px; }
.commercie-profiel-lezen dl { display: grid; grid-template-columns: minmax(140px, 220px) minmax(200px, 1fr); max-width: 820px; margin: 0; border-top: 1px solid var(--lijn); }
.commercie-profiel-lezen dt, .commercie-profiel-lezen dd { margin: 0; border-bottom: 1px solid var(--lijn); padding: 9px 10px; }
.commercie-profiel-lezen dt { color: var(--subtiel); background: #f7f7f7; font-size: 12px; font-weight: 650; }
.commercie-lijst table { width: 100%; border-collapse: collapse; table-layout: auto; }
.commercie-lijst th, .commercie-lijst td { min-width: 110px; padding: 9px 10px; border-bottom: 1px solid var(--lijn); vertical-align: middle; }
.commercie-lijst th:first-child, .commercie-lijst td:first-child { min-width: 180px; }
.commercie-bedrag { font-variant-numeric: tabular-nums; font-weight: 650; text-align: right; white-space: nowrap; }
.commercie-pdf-ontbreekt { color: var(--subtiel); font-size: 12px; white-space: nowrap; }
.beheer-facturatie { display: grid; gap: 18px; padding-top: 18px; }
.beheer-facturatie > header h2, .beheer-facturatie > header p { margin: 0 0 4px; }
.beheer-facturatie > header p { color: var(--subtiel); }
.commercie-planformulier { display: grid; grid-template-columns: minmax(220px, 1fr) 180px 250px auto; align-items: end; gap: 12px; margin-bottom: 16px; }
.commercie-organisatiekeuze { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(320px, 1.2fr); gap: 12px; max-width: 920px; }
.commercie-abonnementformulier { display: grid; grid-template-columns: minmax(300px, 1fr) 220px auto; align-items: end; gap: 12px; max-width: 980px; }
.commercie-abonnementformulier small { display: block; margin-top: 4px; color: var(--subtiel); }
.commercie-dossiersamenvatting { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); max-width: 980px; margin: 14px 0; border: 1px solid var(--lijn); background: #f8fbf9; }
.commercie-dossiersamenvatting > div { min-width: 0; border-right: 1px solid var(--lijn); padding: 10px 12px; }
.commercie-dossiersamenvatting > div:last-child { border-right: 0; }
.commercie-dossiersamenvatting span, .commercie-dossiersamenvatting strong { display: block; overflow-wrap: anywhere; }
.commercie-dossiersamenvatting span { margin-bottom: 3px; color: var(--subtiel); font-size: 11px; }
.commercie-fout { max-width: 920px; }
.organisatie-documentprofiel { max-width: 1320px; }
.documentprofiel-raster { display: grid; grid-template-columns: minmax(320px, .72fr) minmax(520px, 1.35fr); gap: 28px; min-width: 0; }
.documentprofiel-raster section { min-width: 0; }
.documentprofiel-raster section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 48px; border-bottom: 1px solid var(--lijn); padding-bottom: 10px; }
.documentprofiel-raster h3, .documentprofiel-raster p { margin: 0 0 4px; }
.documentprofiel-raster header p { color: var(--subtiel); line-height: 1.4; }
.beeldmerk-actueel { display: grid; grid-template-columns: 152px minmax(0, 1fr); gap: 16px; padding: 16px 0; }
.beeldmerk-voorbeeld, .beeldmerk-historievoorbeeld { display: grid; place-items: center; overflow: hidden; border: 1px solid var(--lijn); background: #fff; }
.beeldmerk-voorbeeld { width: 152px; height: 108px; }
.beeldmerk-voorbeeld img, .beeldmerk-historievoorbeeld img { max-width: 100%; max-height: 100%; object-fit: contain; }
.beeldmerk-voorbeeld.leeg { padding: 10px; color: var(--subtiel); text-align: center; }
.beeldmerk-actueel dl { display: grid; grid-template-columns: 90px minmax(0, 1fr); align-content: start; margin: 0; }
.beeldmerk-actueel dt, .beeldmerk-actueel dd { margin: 0; border-bottom: 1px solid var(--lijn); padding: 5px 4px; }
.beeldmerk-actueel dt { color: var(--subtiel); font-size: 12px; }
.beeldmerk-upload, .markering-upload { display: grid; gap: 9px; border-left: 3px solid var(--primair); padding: 12px 14px; background: #f7faf8; }
.beeldmerk-upload label > span, .markering-upload label > span { display: block; margin-bottom: 5px; font-weight: 650; }
.beeldmerk-upload input[type=file], .markering-upload input[type=file] { width: 100%; max-width: 100%; }
.beeldmerk-upload small, .markering-upload small { color: var(--subtiel); line-height: 1.4; }
.documentprofiel-acties { display: flex; flex-wrap: wrap; gap: 8px; }
.beeldmerk-historie { margin-top: 14px; border-top: 1px solid var(--lijn); padding-top: 10px; }
.beeldmerk-historie summary { cursor: pointer; font-weight: 650; }
.beeldmerk-historielijst { display: grid; gap: 6px; margin-top: 9px; }
.beeldmerk-historielijst article { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 10px; align-items: center; padding: 5px; background: #fafafa; }
.beeldmerk-historievoorbeeld { width: 54px; height: 40px; }
.beeldmerk-historielijst strong, .beeldmerk-historielijst span, .beeldmerk-historielijst small { display: block; }
.beeldmerk-historielijst small, .ondertekenaar-rij small { color: var(--subtiel); }
.documentprofiel-ondertekenaars > header button { flex: 0 0 auto; }
.ondertekenaars-lijst { border-top: 1px solid #a19f9d; }
.ondertekenaar-rij { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(190px, 1.2fr) minmax(140px, .75fr) 60px; gap: 12px; width: 100%; min-height: 62px; border: 0; border-bottom: 1px solid var(--lijn); padding: 9px 10px; color: inherit; background: white; text-align: left; cursor: pointer; }
.ondertekenaar-rij:hover, .ondertekenaar-rij:focus-visible { background: #f3f8f5; }
.ondertekenaar-rij > div { min-width: 0; }
.ondertekenaar-rij strong, .ondertekenaar-rij span, .ondertekenaar-rij small { display: block; overflow-wrap: anywhere; }
.ondertekenaar-openen { align-self: center; color: var(--primair); font-weight: 650; }
fluent-dialog.dialoog:has(.ondertekenaar-paneel)::part(control) { width: min(820px, calc(100vw - 24px)) !important; }
.ondertekenaar-paneel { display: flex; width: 100%; max-height: calc(100dvh - 32px); flex-direction: column; overflow-y: auto; padding: 22px 22px 0; box-sizing: border-box; }
.ondertekenaar-paneel header h2, .ondertekenaar-paneel header p { margin: 0 0 5px; }
.ondertekenaar-paneel header p { color: var(--subtiel); }
.ondertekenaar-formulier { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.ondertekenaar-actief { display: flex; align-items: center; gap: 8px; min-height: 34px; }
.ondertekenaar-actief input { width: 17px; height: 17px; accent-color: var(--primair); }
.ondertekenaar-markeringen { margin-top: 18px; border-top: 1px solid var(--lijn); padding-top: 14px; }
.markering-uitleg { padding: 9px 11px; border-left: 3px solid #986f0b; background: #fff8e8; line-height: 1.45; }
.ondertekenaar-markeringen article { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 10px; align-items: center; border-bottom: 1px solid var(--lijn); padding: 8px 0; }
.ondertekenaar-markeringen article img { width: 120px; height: 40px; object-fit: contain; border: 1px solid var(--lijn); }
.ondertekenaar-markeringen article span, .ondertekenaar-markeringen article small { display: block; }
.markering-upload { margin-top: 12px; }
.ondertekenaar-paneel footer { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 8px; margin: 18px -22px 0; border-top: 1px solid var(--lijn); padding: 12px 22px 16px; background: white; }
.documentprofiel-fout { max-width: 820px; }
.documentprofiel-bezig { max-width: 820px; border-left: 3px solid var(--primair); padding: 9px 11px; background: #f3f8f5; }
@media (max-width: 900px) {
    .organisatie-pagina { height: calc(100dvh - 96px); padding: 16px 12px 28px; overflow-x: hidden; }
    .organisatie-pagina > header { flex-direction: column; align-items: stretch; gap: 12px; }
    .organisatie-pagina > header > div { min-width: 0; }
    .organisatie-pagina > header h1 { overflow-wrap: anywhere; }
    .organisatie-pagina > header > button { align-self: flex-start; }
    .organisatie-rij { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
    .organisatie-rij > div:nth-child(2) { display: none; }
    .organisatie-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
    .organisatie-tab { min-width: 0; padding-inline: 6px; overflow-wrap: anywhere; }
    .organisatie-formulier { grid-template-columns: 1fr; }
    .organisatie-profielgroepen { grid-template-columns: 1fr; }
    .organisatie-profieldialoog { max-height: calc(100dvh - 22px); padding-inline: 16px; }
    .organisatie-profieldialoog footer { position: sticky; bottom: 0; margin-inline: -16px; padding: 12px 16px 16px; background: white; }
    .organisatie-compact-formulier, .uitnodiging-formulier, .organisatie-domeinformulier { grid-template-columns: 1fr; }
    .organisatie-toetredingsbesluit { grid-template-columns: 1fr; }
    .organisatie-toetredingsbesluit .organisatie-acties { flex-wrap: wrap; justify-content: flex-start; }
    .organisatie-sectie .organisatie-tabelkader, .beheer-domeinen .organisatie-tabelkader { overflow: visible; border: 0; }
    .organisatie-sectie table, .organisatie-sectie thead, .organisatie-sectie tbody, .organisatie-sectie tr, .organisatie-sectie th, .organisatie-sectie td,
    .beheer-domeinen table, .beheer-domeinen thead, .beheer-domeinen tbody, .beheer-domeinen tr, .beheer-domeinen th, .beheer-domeinen td { display: block; min-width: 0; }
    .organisatie-sectie thead, .beheer-domeinen thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .organisatie-sectie tr, .beheer-domeinen tr { margin-bottom: 8px; border: 1px solid var(--lijn); padding: 10px 12px; }
    .organisatie-sectie td, .beheer-domeinen td { border: 0; padding: 3px 0; }
    .beheer-organisatie-invoer { grid-template-columns: 1fr; }
    .beheer-domeinbesluit { grid-template-columns: 1fr; }
    .licentie-formulier, .licentie-toewijzen { grid-template-columns: 1fr; }
    .commercie-profielraster, .commercie-planformulier, .commercie-organisatiekeuze,
    .commercie-abonnementformulier, .commercie-dossiersamenvatting { grid-template-columns: 1fr; }
    .commercie-dossiersamenvatting > div { border-right: 0; border-bottom: 1px solid var(--lijn); }
    .commercie-dossiersamenvatting > div:last-child { border-bottom: 0; }
    .commercie-profiel-lezen dl { grid-template-columns: 1fr; }
    .commercie-profiel-lezen dt { border-bottom: 0; padding-bottom: 2px; }
    .commercie-profiel-lezen dd { padding-top: 2px; overflow-wrap: anywhere; }
    .organisatie-licenties .organisatie-sectie .organisatie-tabelkader { overflow: visible; }
    .documentprofiel-raster { grid-template-columns: 1fr; gap: 24px; }
    .documentprofiel-raster section > header { flex-direction: column; }
    .beeldmerk-actueel { grid-template-columns: 112px minmax(0, 1fr); }
    .beeldmerk-voorbeeld { width: 112px; height: 88px; }
    .ondertekenaar-rij { grid-template-columns: minmax(0, 1fr) auto; gap: 7px 10px; }
    .ondertekenaar-rij > div:nth-child(2), .ondertekenaar-rij > div:nth-child(3) { grid-column: 1 / -1; }
    .ondertekenaar-openen { grid-column: 2; grid-row: 1; }
    .ondertekenaar-paneel { max-height: calc(100dvh - 16px); padding: 16px 16px 0; }
    .ondertekenaar-formulier { grid-template-columns: 1fr; }
    .ondertekenaar-paneel footer { margin-inline: -16px; padding: 12px 16px max(14px, env(safe-area-inset-bottom)); }
    .ondertekenaar-markeringen article { grid-template-columns: 88px minmax(0, 1fr); }
    .ondertekenaar-markeringen article img { width: 88px; height: 36px; }
    .ondertekenaar-markeringen article button { grid-column: 1 / -1; justify-self: start; min-height: 44px; }
    .mobiel-organisaties { display: block; }
}