.demo-pagina header{display:flex;align-items:center;justify-content:space-between}
.demo-merk{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.demo-knop{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:14px;text-decoration:none;font-weight:800}
.demo-pagina main{max-width:760px}
.demo-pagina .optie.demo-juist{border-color:#16a34a!important;background:#e7f8ec!important;box-shadow:0 3px 0 #16a34a!important;color:#14532d}
.demo-pagina .optie.demo-fout{border-color:#ef4444!important;background:#fee2e2!important;box-shadow:0 3px 0 #ef4444!important;color:#7f1d1d}
.demo-pagina .optie:disabled{opacity:1;cursor:default}
.demo-pagina .optie:disabled:not(.demo-juist):not(.demo-fout){opacity:.55}
.demo-cta{display:flex;justify-content:center;align-items:center;min-height:54px;border-radius:14px;text-decoration:none;font-weight:850;margin-top:10px}
.demo-opnieuw{width:100%;margin-top:10px}
.demo-noot{margin-top:18px;text-align:center}.demo-terug{text-align:center}.demo-terug a{font-weight:800;color:var(--ui-accent)}
@media (max-width:420px){.demo-pagina .primary.demo-knop{display:none}}
/* Ruimte vooraf reserveren, zodat de tekst eronder niet verspringt als het script de kaart tekent */
#demo:empty{min-height:510px}
@media (min-width:701px){#demo:empty{min-height:480px}}