.mb{
  --mb-rand:#E1E6EE; --mb-rand-zacht:#EDF0F5; --mb-licht:#DCE5F3;
  --mb-blauw:var(--bl-blauw,#2E74F0); --mb-tekst:var(--bl-tekst,#1F5FD6); --mb-band:var(--bl-band,#EAF1FD);
  position:relative;margin:0;padding:16px 16px 20px;background:#fff;border:1px solid var(--mb-rand);overflow:hidden;
  container-type:inline-size;text-align:left;color:var(--inkt);font-variant-numeric:tabular-nums
}
@media (min-width:700px){.mb{padding:22px 28px 26px}}
.mb-balk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:26px}
.mb-meta{order:2;flex-basis:100%;font-size:13px;line-height:20px;color:var(--n500)}
.mb-link{order:3;display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:20px;font-weight:500;color:var(--n600);transition:color .15s}
.mb-link:hover{color:var(--inkt)}
.mb-link svg{width:14px;height:14px}
.mb-knop{order:1;margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;font-size:12px;line-height:16px;font-weight:500;color:var(--n600);background:#fff;border:1px solid var(--mb-rand);transition:border-color .15s,color .15s}
.mb-knop:hover{border-color:var(--n400);color:var(--inkt)}
.mb-knop svg{width:11px;height:11px}
.an-statisch .mb-knop{display:none}
.mb-intro{margin-top:14px;font-size:14px;line-height:22px;color:var(--n600);text-wrap:pretty}
.mb-intro + .mb-raster{margin-top:16px}
.mb-raster{margin-top:14px;border-top:1px solid var(--mb-rand)}
.mb-links{padding-top:16px}
.mb-label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n500)}
.mb-vraag{margin:8px 0 16px;font-size:19px;line-height:26px;font-weight:500;letter-spacing:-.3px;color:var(--inkt)}
.mb-vraag .w{display:inline-block;white-space:pre}
.mb-kop{display:none}
.mb-rijen{border-top:1px solid var(--mb-rand)}
.mb-rij{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"model status" "namen namen" "bron bron";gap:6px 12px;padding:10px 0 10px 12px;border-bottom:1px solid var(--mb-rand-zacht)}
.mb-rij::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--mb-blauw);opacity:var(--actief,0)}
.mb-streep{position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--mb-blauw);opacity:0;pointer-events:none}
.mb.an-actief .mb-rij::before{content:none}
.mb-model img.an-grijs{filter:grayscale(1)}
.mb-lab.an-vlucht{box-shadow:0 6px 18px rgba(16,24,40,.12)}
@media (max-width:1100px){
  .mb[data-speelt] .mb-vraag .w,.mb[data-speelt] .mb-model img,.mb[data-speelt] .mb-status,.mb[data-speelt] .mb-namen li,
  .mb[data-speelt] .mb-geen,.mb[data-speelt] .mb-cit,.mb[data-speelt] .mb-lab,.mb[data-speelt] .mb-streep,
  .mb[data-speelt] .mb-zegt,.mb[data-speelt] .mb-uit-bron,.mb[data-speelt] .mb-uit .mb-getal{will-change:opacity,transform}
}
.mb-model{grid-area:model;display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;line-height:20px;font-weight:500;color:var(--inkt)}
.mb-model img{width:18px;height:18px;object-fit:contain;flex:none}
.mb-namen{grid-area:namen;display:flex;flex-wrap:wrap;gap:2px 16px;font-size:14px;line-height:22px;color:var(--inkt)}
.mb-namen li{display:inline-flex;gap:6px;white-space:nowrap}
.mb-namen i{font-style:normal;font-size:11px;color:var(--n400)}
.mb-namen .mark{background:linear-gradient(rgba(46,116,240,.12),rgba(46,116,240,.12)) no-repeat 0 0/var(--veeg,100%) 100%;color:inherit;padding:0 3px;margin:0 -3px}
.mb-namen .mark.aan{color:var(--mb-tekst)}
.mb-bron{grid-area:bron;display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:20px}
.mb-bronlabel{margin-right:4px;font-size:12px;line-height:20px;color:var(--n500)}
.mb-cit{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;line-height:1;font-weight:600;color:var(--n600);background:#fff;border:1px solid var(--mb-rand)}
.mb-cit.aan{color:var(--mb-tekst);border-color:var(--mb-blauw);background:var(--mb-band)}
.mb-geen{font-size:12px;line-height:20px;color:var(--n400)}
.mb-status{grid-area:status;display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:12px;line-height:20px;color:var(--n500);white-space:nowrap}
.mb-status::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--n400);flex:none}
.mb-status.ja{color:var(--mb-tekst);font-weight:500}
.mb-status.ja::before{width:7px;height:9px;border:0;border-radius:0;background:var(--mb-blauw);-webkit-mask:var(--mk-f) center/100% 100% no-repeat;mask:var(--mk-f) center/100% 100% no-repeat}
.mb-uit{margin-top:16px}
.mb-dag{display:flex;align-items:center;gap:8px}
.mb-stip svg{display:block;width:16px;height:16px}
.mb .dn-ja{stroke:var(--mb-blauw)}
.mb .dn-nee{stroke:var(--mb-licht)}
.mb .dn-leeg{stroke:#E8ECF2}
.mb-getal{margin-top:4px;text-wrap:balance;font-size:16px;line-height:26px;font-weight:500;color:var(--inkt)}
.mb-getal b{display:inline-block;min-width:.62em;margin:0 2px;font-size:22px;font-weight:600;color:var(--mb-tekst);text-align:center}
.mb-getal span{font-size:14px;font-weight:400;color:var(--n500)}
.mb-rechts{margin-top:24px}
.mb-vakkenkop{font-size:15px;line-height:22px;font-weight:500;color:var(--inkt)}
.mb-vakkenkop p + p{font-size:13px;line-height:20px;font-weight:400;color:var(--n500)}
.mb-balken{margin-top:8px;border-top:1px solid var(--mb-rand)}
.mb-bk{display:grid;grid-template-columns:132px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:30px;padding:4px 8px;
  border-bottom:1px solid var(--mb-rand-zacht);background:rgba(234,241,253,var(--licht,0));box-shadow:inset 2px 0 0 rgba(46,116,240,var(--licht,0))}
.mb-bk.eigen.aan{--licht:1}
.mb-bknaam{font-size:12px;line-height:16px;font-weight:500;color:var(--n600)}
.mb-plek{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:1px;border:1px dashed #D5DCE6}
.mb-plek.gevuld{border-color:transparent}
.mb-lab{position:relative;z-index:20;display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 5px 0 4px;font-size:11px;line-height:1;font-weight:600;color:var(--inkt);background:#fff;border:1px solid var(--mb-rand);transform-origin:0 0;white-space:nowrap}
.mb-lab img{width:12px;height:12px;object-fit:contain;flex:none}
.mb-lab::after{content:attr(data-nr)}
.mb-lab.eigen.aan{color:var(--mb-tekst);border-color:var(--mb-blauw)}
.mb-bktal{font-size:13px;line-height:16px;text-align:right;color:var(--inkt)}
.mb-bktal b{font-weight:600}
.mb-bk.eigen.aan .mb-bknaam,.mb-bk.eigen.aan .mb-bktal{color:var(--mb-tekst)}
.mb-uit-bron{margin-top:10px}
.mb-uit-bron .mb-getal{font-size:15px;line-height:24px}
.mb-uit-bron .mb-getal b{font-size:20px}
@container (max-width:639.98px){
  .mb{padding:14px 14px 16px}
  .mb-balk{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"vb vb knop" "meta link link";align-items:center;gap:6px 12px;min-height:0}
  .mb:not(.an-actief) .mb-balk,.mb.an-statisch .mb-balk{grid-template-areas:"vb vb vb" "meta link link"}
  .mb-balk > .vb{grid-area:vb;justify-self:start;min-width:0;white-space:normal}
  .mb-knop{grid-area:knop;margin-left:0;height:24px}
  .mb-meta{grid-area:meta;font-size:12px;line-height:18px}
  .mb-link{grid-area:link;justify-self:end;font-size:12px;line-height:18px}
  .mb-raster{margin-top:10px}
  .mb-intro{margin-top:10px;font-size:13px;line-height:20px}
  .mb-intro + .mb-raster{margin-top:12px}
  .mb-links{padding-top:10px}
  .mb-vraag{margin:4px 0 8px;font-size:16px;line-height:22px;letter-spacing:-.2px}
  .mb-rij{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"model status status" "namen namen bron";align-items:center;gap:0 10px;padding:2px 0 2px 12px}
  .mb-model{gap:8px;font-size:14px;line-height:18px}
  .mb-model img{width:16px;height:16px}
  .mb-status{line-height:18px}
  .mb-namen{flex-wrap:nowrap;min-width:0;font-size:13px;line-height:18px}
  .mb-namen > li{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mb-namen > li:has(.mark),.mb-namen:not(:has(.mark)) > li:first-child{position:static;width:auto;height:auto;overflow:visible;clip:auto}
  .mb-namen > li::after{margin-left:2px;font-size:12px;color:var(--n500)}
  .mb-namen:has(> li:nth-child(2):last-child) > li::after{content:"+1" / ""}
  .mb-namen:has(> li:nth-child(3):last-child) > li::after{content:"+2" / ""}
  .mb-namen:has(> li:nth-child(4):last-child) > li::after{content:"+3" / ""}
  .mb-namen:has(> li:nth-child(5):last-child) > li::after{content:"+4" / ""}
  .mb-namen:has(> li:nth-child(6)) > li::after{content:"+" / ""}
  .mb-bron{justify-content:flex-end;gap:3px;min-height:18px}
  .mb-bronlabel,.mb-vakkenkop p + p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mb-cit{min-width:18px;height:18px;padding:0 4px;font-size:10.5px}
  .mb-geen{font-size:11px;line-height:18px}
  .mb-uit{margin-top:10px}
  .mb-getal{margin-top:0;font-size:15px;line-height:23px}
  .mb-getal b{font-size:20px}
  .mb-getal span{font-size:13px}
  .mb-rechts{margin-top:14px}
  .mb-vakkenkop{font-size:14px;line-height:18px}
  .mb-balken{margin-top:6px}
  .mb-bk{grid-template-columns:112px minmax(0,1fr) 24px;min-height:26px;padding:3px 8px}
  .mb-plek{gap:3px}
}
@container (min-width:640px){
  .mb-meta{order:1;flex-basis:auto}
  .mb-link{order:2;margin-left:auto}
  .mb-knop{order:3;margin-left:0}
  .mb-vraag{font-size:21px;line-height:28px;letter-spacing:-.4px}
  .mb-kop,.mb-rij{display:grid;grid-template-columns:148px 100px minmax(0,1fr) 76px;grid-template-areas:"model status namen bron";align-items:center;gap:12px}
  .mb-kop{padding:9px 0 7px 16px;font-size:12px;line-height:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n400)}
  .mb-rij{min-height:44px;padding:7px 0 7px 16px}
  .mb-bronlabel{display:none}
  .mb-status{font-size:13px}
}
@container (min-width:1040px){
  .mb-raster{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:0 36px}
  .mb-kop,.mb-rij{grid-template-columns:168px 100px minmax(0,1fr) 76px}
  .mb-rechts{margin-top:0;padding-top:16px}
  .mb-uit{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px}
  .mb-uit .mb-label{flex-basis:100%}
}
.mb-slot{display:flex;align-items:center;gap:10px 24px;margin-top:20px;padding:12px 16px;background:var(--mb-band);box-shadow:inset 2px 0 0 var(--mb-blauw)}
.mb-slot .mb-getal{flex:1 1 auto;min-width:0;margin:0;font-size:15px;line-height:24px;font-weight:400;color:var(--inkt);text-wrap:pretty}
.mb-slot .mb-getal b{min-width:0;margin:0;font-size:inherit;font-weight:600;color:var(--mb-tekst)}
.mb-slot .mb-stip{display:inline-block;margin-right:8px;vertical-align:-3px}
.mb-slot .mb-label{margin-right:6px;font-size:13px}
.mb-wijzer{position:relative;flex:none;font-size:13px;line-height:20px;color:var(--n600)}
.mb-wijzer summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-weight:500;color:var(--n600);white-space:nowrap}
.mb-wijzer summary::-webkit-details-marker{display:none}
.mb-wijzer summary::before{content:"i";display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid var(--n400);border-radius:50%;font-size:10px;line-height:1;font-weight:600;font-style:normal;color:var(--n600)}
.mb-wijzer summary:hover,.mb-wijzer[open] summary{color:var(--inkt)}
.mb-wijzer summary:focus-visible{outline:2px solid var(--mb-blauw);outline-offset:3px}
.mb-wijzer p{position:absolute;z-index:30;right:-8px;bottom:calc(100% + 12px);width:min(380px,80cqw);padding:12px 14px;background:#fff;border:1px solid var(--mb-rand);box-shadow:0 8px 24px rgba(16,24,40,.12);font-size:13px;line-height:20px;color:var(--n600);text-wrap:pretty}
.mb-wijzer b{font-weight:600;color:var(--inkt)}
@container (max-width:639.98px){
  .mb-slot{flex-wrap:wrap;margin-top:12px;padding:10px 12px}
  .mb-slot .mb-getal{flex-basis:100%;font-size:14px;line-height:22px}
  .mb-wijzer{flex:1 1 100%}
  .mb-wijzer p{position:static;width:auto;margin:8px 0 0;box-shadow:none}
}
@container (min-width:1040px){
  .mb-raster > .mb-slot{grid-column:1 / -1}
}
@container (min-width:1040px){
  .mb-raster{grid-template-columns:minmax(0,1fr) clamp(324px,30cqw,400px);gap:0 40px}
  .mb-balken{margin-top:10px}
  .mb-bk{grid-template-columns:140px minmax(0,1fr) 32px;gap:12px;min-height:40px;padding:6px 12px}
  .mb-bknaam{font-size:13px;line-height:18px}
  .mb-plek{gap:6px;min-height:28px;padding:2px}
  .mb-lab{height:24px;gap:5px;padding:0 8px 0 6px;font-size:12.5px}
  .mb-lab img{width:14px;height:14px}
  .mb-bktal{font-size:15px;line-height:18px}
}