/* Thrive-reset: themastijl op tekst binnen het artikel neutraliseren */
body .svdl-pisa :is(p,h1,h2,h3,h4,h5,h6,li,summary){font-family:inherit;color:inherit;font-weight:400;font-size:inherit;line-height:inherit;letter-spacing:normal;text-transform:none;padding:0;}
/* Stem van de Leerkracht: De onderwijstoren van PISA (v13). Merkgids 2026: Bricolage Grotesque / Instrument Sans, marine, hoeken 0, randen 1 px, raster 6.
   Telefoon eerst (375 px), pc vanaf 760 px. Schaal: D2 29/40, D3 22/27, D4 18/20, B1 18/20, B2 17/18, B3 14/15, B4 13/14, L1 12, C1 28/34. */
body .svdl-pisa{--marine:#2E5F8A;--marine-diep:#24486A;--inkt:#14202E;--grond:#FBFAF8;--vlak:#FFFFFF;--lijn:#DFE4EA;--gedempt:#5E6B7B;--signaal:#C0392B;--markeer:#FFE066;--buiten:#9FADBC;
  font-family:'Instrument Sans',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;color:var(--inkt);font-size:17px;line-height:1.65;max-width:660px;margin:0 auto;padding:24px 18px 48px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body .svdl-pisa *{box-sizing:border-box;}
body .svdl-pisa button{font-family:inherit;}
body .svdl-pisa h1,body .svdl-pisa h2,body .svdl-pisa h3,body .svdl-pisa h4,body .svdl-pisa .kop{font-family:'Bricolage Grotesque',Georgia,serif;font-weight:700;color:var(--inkt);margin:0;letter-spacing:-.015em;text-wrap:balance;}
body .svdl-pisa h1{font-size:29px;line-height:1.12;margin:12px 0 18px;}
body .svdl-pisa h2{font-size:22px;line-height:1.2;margin:0 0 18px;}
body .svdl-pisa h3{font-size:18px;line-height:1.3;margin:48px 0 12px;}
body .svdl-pisa h4{font-family:'Instrument Sans',sans-serif;font-size:12px;line-height:1;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gedempt);margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--marine);}
body .svdl-pisa p{margin:0 0 18px;font-size:inherit;line-height:1.65;}
body .svdl-pisa strong{font-weight:700;}
body .svdl-pisa .lead{font-size:18px;line-height:1.55;color:var(--gedempt);margin:0 0 24px;}
body .svdl-pisa .bron{font-size:13px;line-height:1.55;color:var(--gedempt);margin:0 0 12px;}
body .svdl-pisa .bron.slot{border-top:3px solid var(--inkt);padding-top:12px;margin-top:48px;}
body .svdl-pisa .label{display:block;font-size:12px;line-height:1;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gedempt);margin:0 0 6px;}
body .svdl-pisa .kopklein{font-weight:700;line-height:1.35;margin:0 0 6px;}
body .svdl-pisa mark{background:linear-gradient(transparent 55%,var(--markeer) 55%);color:inherit;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;}

/* Label boven de kop en deel-labels: marine blok, 22 px hoog */
body .svdl-pisa > .label,body .svdl-pisa .deel-nr{display:inline-block;background:var(--marine);color:#fff;font-size:12px;line-height:1;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;margin:0;}
body .svdl-pisa .deel{margin:72px 0 0;padding-top:24px;border-top:1px solid var(--lijn);}
body .svdl-pisa .deel-nr{margin:0 0 12px;}

/* Kader (3 px marine links): conclusie */
body .svdl-pisa .kader{border-left:3px solid var(--marine);background:var(--vlak);padding:14px 18px 14px 15px;margin:24px 0 0;}
body .svdl-pisa .kader p{margin:0;font-size:18px;line-height:1.55;}
body .svdl-pisa .kader ul{margin:0;padding:0 0 0 20px;}
body .svdl-pisa .kader li{margin:0 0 10px;font-size:17px;line-height:1.55;}
body .svdl-pisa .kader li:last-child{margin-bottom:0;}
body .svdl-pisa .kaart p+p{margin-top:12px;}
body .svdl-pisa .kader .label{margin-bottom:12px;color:var(--marine);}

/* Genummerde onderzoeksstappen: nummer in een marine vierkant */
body .svdl-pisa h3.stap{display:flex;gap:12px;align-items:flex-start;}
body .svdl-pisa .nr{display:inline-block;flex:0 0 auto;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--marine);font-variant-numeric:tabular-nums;}
body .svdl-pisa h3.stap .nr{background:var(--marine);color:#fff;width:28px;height:28px;line-height:28px;text-align:center;font-size:16px;margin-top:-2px;}
body .svdl-pisa .conclusies{list-style:none;margin:0 0 18px;padding:0;}
body .svdl-pisa .conclusies li{display:grid;grid-template-columns:36px 1fr;gap:6px;padding:18px 0;border-top:1px solid var(--lijn);}
body .svdl-pisa .conclusies li:last-child{border-bottom:1px solid var(--lijn);}
body .svdl-pisa .conclusies .nr{font-size:28px;line-height:1;}
body .svdl-pisa .conclusies .kop{font-size:18px;line-height:1.3;margin:0 0 6px;}
body .svdl-pisa .conclusies p{margin:0;}

/* Knoppen en chips */
body .svdl-pisa .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
body .svdl-pisa .chip{appearance:none;background:var(--vlak);border:1px solid var(--lijn);color:var(--inkt);font-size:15px;font-weight:600;line-height:1.2;padding:8px 12px;cursor:pointer;min-height:44px;border-radius:0;font-variant-numeric:tabular-nums;}
body .svdl-pisa .chip[aria-pressed="true"]{background:var(--marine);border-color:var(--marine);color:#fff;}
body .svdl-pisa .chip:hover{border-color:var(--marine-diep);}
body .svdl-pisa .chip[aria-pressed="true"]:hover{background:var(--marine-diep);}
body .svdl-pisa .chip:focus-visible,body .svdl-pisa summary:focus-visible,body .svdl-pisa .staaf:focus-visible{outline:3px solid var(--marine);outline-offset:2px;}
body .svdl-pisa .seg{display:flex;border:1px solid var(--marine);margin:0 0 18px;}
body .svdl-pisa .seg .chip{border:0;flex:1 1 0;white-space:normal;}
body .svdl-pisa .seg .chip+.chip{border-left:1px solid var(--marine);}

/* Toren: op de telefoon toren + cijfer naast elkaar, jaartekst eronder over de volle breedte */
body .svdl-pisa .toren{border:1px solid var(--lijn);background:var(--vlak);padding:18px;margin:0 0 24px;}
body .svdl-pisa .toren-grid{display:grid;grid-template-columns:96px 1fr;column-gap:18px;align-items:center;margin:0 0 18px;}
body .svdl-pisa .toren-grid>div:first-child{grid-row:span 2;}
body .svdl-pisa .toren-grid>div:last-child{display:contents;}
body .svdl-pisa .toren svg,body .svdl-pisa .keuze-toren svg{width:100%;height:auto;display:block;overflow:visible;}
body .svdl-pisa .toren-groep{transition:transform .5s ease;transform-origin:100px 190px;}
body .svdl-pisa .toren-jaar{align-self:end;font-size:12px;line-height:1;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gedempt);margin:0 0 6px;}
body .svdl-pisa .toren-score{align-self:start;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:56px;line-height:1;letter-spacing:-.02em;color:var(--marine);font-variant-numeric:tabular-nums;}
body .svdl-pisa .toren-score.rood{color:var(--signaal);}
body .svdl-pisa .toren-tekst{grid-column:1/-1;margin:18px 0 0;padding-top:12px;border-top:1px solid var(--lijn);}
body .svdl-pisa .toren .chips{display:grid;grid-template-columns:repeat(4,1fr);margin:0;}
body .svdl-pisa .toren .chip{padding:8px 4px;}
body .svdl-pisa .steiger,body .svdl-pisa .fundering{opacity:0;transition:opacity .4s;}
body .svdl-pisa .toren[data-stand="steigers"] .steiger{opacity:1;}
body .svdl-pisa .toren[data-stand="fundering"] .fundering{opacity:1;}
body .svdl-pisa .jaarteksten{margin-top:18px;border-top:1px solid var(--lijn);padding-top:12px;}
body .svdl-pisa .jaartekst{display:grid;grid-template-columns:48px 1fr;gap:6px;margin:0 0 6px;}
body .svdl-pisa .jaartekst p{margin:0;}

/* Scorestrook */
body .svdl-pisa .strook{border:1px solid var(--lijn);background:var(--vlak);padding:18px 18px 12px;margin:0 0 24px;}
body .svdl-pisa .strook .kopklein{margin:0 0 18px;}
body .svdl-pisa .staven{display:flex;align-items:flex-end;gap:6px;height:132px;border-bottom:1px solid var(--inkt);}
body .svdl-pisa .staaf{appearance:none;border:0;background:none;padding:0;color:inherit;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;cursor:pointer;}
body .svdl-pisa .staaf b{font-size:12px;font-weight:700;margin-bottom:4px;font-variant-numeric:tabular-nums;}
body .svdl-pisa .staaf i{display:block;width:100%;background:var(--marine);}
body .svdl-pisa .staaf.rood i{background:var(--signaal);}
body .svdl-pisa .staaf.rood b{color:var(--signaal);}
body .svdl-pisa .staaf[aria-pressed="true"] i{outline:2px solid var(--inkt);outline-offset:-2px;}
body .svdl-pisa .jaren{display:flex;gap:6px;margin:6px 0 12px;}
body .svdl-pisa .jaren span{flex:1;text-align:center;font-size:12px;color:var(--gedempt);font-variant-numeric:tabular-nums;}

/* Tijdlijn: uitklapbare mijlpalen, op de telefoon één rail, op pc om en om */
body .svdl-pisa .legenda{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px;font-size:14px;color:var(--gedempt);}
body .svdl-pisa .legenda span{display:inline-flex;align-items:center;gap:8px;}
body .svdl-pisa .blok{display:inline-block;width:12px;height:12px;background:var(--vlak);border:2px solid var(--marine);}
body .svdl-pisa .blok.vol{background:var(--marine);}
body .svdl-pisa .blok.rood{background:var(--signaal);border-color:var(--signaal);}
body .svdl-pisa .rail{position:relative;margin:6px 0 36px;padding-left:24px;}
body .svdl-pisa .rail::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--lijn);}
body .svdl-pisa .mijlpaal{position:relative;margin:0 0 6px;background:var(--vlak);border:1px solid var(--lijn);}
body .svdl-pisa .mijlpaal[hidden]{display:none;}
body .svdl-pisa .mijlpaal summary{list-style:none;cursor:pointer;padding:12px 44px 12px 14px;min-height:44px;position:relative;line-height:1.35;}
body .svdl-pisa .mijlpaal summary::-webkit-details-marker{display:none;}
body .svdl-pisa .mijlpaal summary::after{content:"+";position:absolute;right:14px;top:10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:22px;line-height:1;color:var(--marine);}
body .svdl-pisa .mijlpaal[open] summary::after{content:"–";}
body .svdl-pisa .mijlpaal summary:hover .titel{color:var(--marine-diep);}
body .svdl-pisa .mijlpaal .blok{position:absolute;left:-25px;top:16px;}
body .svdl-pisa .mijlpaal .jaar{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;line-height:1;color:var(--marine);margin:0 0 6px;font-variant-numeric:tabular-nums;}
body .svdl-pisa .mijlpaal .jaar small{font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gedempt);margin-left:6px;vertical-align:2px;}
body .svdl-pisa .mijlpaal .titel{display:block;font-weight:600;font-size:16px;}
body .svdl-pisa .mijlpaal.pisa{border-color:var(--marine);}
body .svdl-pisa .mijlpaal.rood{border-color:var(--lijn);}
body .svdl-pisa .mijlpaal.rood .jaar{color:var(--signaal);}
body .svdl-pisa .mijlpaal.rood .blok{background:var(--signaal);border-color:var(--signaal);}
body .svdl-pisa .kaart{padding:0 14px 14px;border-top:1px solid var(--lijn);}
body .svdl-pisa .kaart p{margin:12px 0 0;}
body .svdl-pisa .kaart .kortom{border-left:3px solid var(--marine);padding-left:12px;}
body .svdl-pisa .kaart .bron{margin:12px 0 0;}

/* Cijferkaarten: 1 px lijn, geen balk; bij een daling het cijfer in signaal */
body .svdl-pisa .tegels{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:0 0 24px;}
body .svdl-pisa .tegels-1{grid-template-columns:1fr;}
body .svdl-pisa .tegel{background:var(--vlak);border:1px solid var(--lijn);padding:18px 14px;}
body .svdl-pisa .tegel b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:28px;line-height:1;letter-spacing:-.015em;font-variant-numeric:tabular-nums;}
body .svdl-pisa .tegel span{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--gedempt);}
body .svdl-pisa .tegel.rood b{color:var(--signaal);}

/* Balken: op de telefoon naam boven de balk, op pc naast elkaar */
body .svdl-pisa .balken{margin:0 0 12px;}
body .svdl-pisa .balk{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:4px 12px;margin:0 0 12px;font-size:15px;line-height:1.35;}
body .svdl-pisa .balk .naam{grid-column:1/-1;}
body .svdl-pisa .balk .spoor{display:block;position:relative;background:var(--lijn);height:12px;}
body .svdl-pisa .balk .vul{display:block;height:100%;background:var(--marine);}
body .svdl-pisa .balk .n{text-align:right;color:var(--gedempt);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;}
body .svdl-pisa .balk.klas .naam{font-weight:700;}
body .svdl-pisa .balk.klas .vul{background:var(--signaal);}
body .svdl-pisa .pct .balk{grid-template-columns:1fr 74px;}
body .svdl-pisa .pct .n em{font-style:normal;color:var(--marine);font-weight:700;margin-left:4px;}
body .svdl-pisa .pct .balk.klas .n em{color:var(--signaal);}

/* Top-lijst LinkedIn */
body .svdl-pisa .top-lijst{list-style:none;margin:0 0 18px;padding:0;}
body .svdl-pisa .top-lijst li{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--lijn);font-size:15px;line-height:1.45;}
body .svdl-pisa .top-lijst .n{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:var(--marine);font-variant-numeric:tabular-nums;}

/* Tegenstrijdige adviezen, compact: vraag, wipbalk met beide aantallen, twee korte teksten naast elkaar */
body .svdl-pisa .tgs{margin:0 0 12px;}
body .svdl-pisa .tg-kop{display:flex;justify-content:space-between;padding:0 0 8px;border-bottom:2px solid var(--marine);}
body .svdl-pisa .tg-kop .label{display:inline-flex;align-items:center;gap:8px;margin:0;}
body .svdl-pisa .tg-kop .label::before{content:"";width:12px;height:12px;background:var(--marine);}
body .svdl-pisa .tg-kop .label:last-child{flex-direction:row-reverse;}
body .svdl-pisa .tg-kop .label:last-child::before{background:var(--buiten);}
body .svdl-pisa .tg{padding:12px 0;border-bottom:1px solid var(--lijn);}
body .svdl-pisa .tg .kopklein{font-size:16px;margin:0 0 6px;}
body .svdl-pisa .tg-balk{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;margin:0 0 6px;}
body .svdl-pisa .tg-balk b{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;line-height:1;font-variant-numeric:tabular-nums;}
body .svdl-pisa .tg-balk .a{color:var(--marine);}
body .svdl-pisa .tg-balk .b{color:var(--gedempt);text-align:right;}
body .svdl-pisa .tg-wip{display:flex;gap:2px;height:10px;}
body .svdl-pisa .tg-wip i{display:block;background:var(--marine);min-width:4px;}
body .svdl-pisa .tg-wip i+i{background:var(--buiten);}
body .svdl-pisa .tg-kanten{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
body .svdl-pisa .tg-kanten p{margin:0;font-size:14px;line-height:1.4;}
body .svdl-pisa .tg-kanten .b{text-align:right;color:var(--gedempt);}

/* Advies versus maandag */
body .svdl-pisa .adviezen-lijst{display:grid;gap:6px;margin:0 0 24px;}
body .svdl-pisa .advies{background:var(--vlak);border:1px solid var(--lijn);padding:18px;}
body .svdl-pisa .advies .wie{display:block;font-size:12px;line-height:1;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gedempt);margin:0 0 8px;}
body .svdl-pisa .advies .zeg{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-.015em;margin:0 0 12px;}
body .svdl-pisa .advies .maandag{margin:0;border-left:3px solid var(--signaal);padding-left:12px;}

/* Deel III keuze: de kleine toren volgt de schakelaar (steigers = scheef, fundering = recht) */
body .svdl-pisa .keuze{border:1px solid var(--lijn);background:var(--vlak);padding:18px;margin:0 0 24px;}
body .svdl-pisa .keuze-toren{width:120px;margin:0 auto 18px;}
body .svdl-pisa .keuze[data-kant="a"] .toren-groep{transform:rotate(12deg);}
body .svdl-pisa .keuze[data-kant="a"] .steiger{opacity:1;}
body .svdl-pisa .keuze[data-kant="b"] .fundering{opacity:1;}
body .svdl-pisa .keuze ul{margin:0;padding:0;list-style:none;}
body .svdl-pisa .keuze li{position:relative;padding:12px 0 12px 20px;border-bottom:1px solid var(--lijn);}
body .svdl-pisa .keuze li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:8px;background:var(--marine);}
body .svdl-pisa .keuze li:last-child{border-bottom:0;}
body .svdl-pisa .keuze [data-kant]{display:none;}
body .svdl-pisa .keuze[data-kant="a"] [data-kant="a"],body .svdl-pisa .keuze[data-kant="b"] [data-kant="b"]{display:block;}
body .svdl-pisa .keuze .kop{font-size:18px;line-height:1.3;margin:0 0 6px;}
body .svdl-pisa .keuze .bron{font-size:15px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--lijn);}

@media (prefers-reduced-motion:reduce){body .svdl-pisa .toren-groep,body .svdl-pisa .steiger,body .svdl-pisa .fundering{transition:none;}}

/* Pc */
@media (min-width:760px){
  body .svdl-pisa{padding:48px 18px 72px;font-size:18px;}
  body .svdl-pisa h1{font-size:40px;}
  body .svdl-pisa h2{font-size:27px;}
  body .svdl-pisa h3{font-size:20px;}
  body .svdl-pisa h3.stap .nr{width:30px;height:30px;line-height:30px;font-size:17px;}
  body .svdl-pisa .lead,body .svdl-pisa .kader p{font-size:20px;}
  body .svdl-pisa .bron{font-size:14px;}
  body .svdl-pisa .tegel b{font-size:34px;}
  body .svdl-pisa .tegel span{font-size:15px;}
  body .svdl-pisa .tegels{grid-template-columns:repeat(4,1fr);}
  body .svdl-pisa .tegels-1{grid-template-columns:1fr;}
  body .svdl-pisa .toren{padding:24px;}
  body .svdl-pisa .toren-grid{grid-template-columns:160px 1fr;column-gap:24px;}
  body .svdl-pisa .toren-grid>div:first-child{grid-row:span 3;}
  body .svdl-pisa .toren-tekst{grid-column:2;align-self:start;border-top:0;padding-top:0;margin-top:12px;}
  body .svdl-pisa .toren-score{font-size:72px;}
  body .svdl-pisa .toren .chips{grid-template-columns:repeat(8,1fr);}
  /* balken: naam, spoor en getal op één regel */
  body .svdl-pisa .balk,body .svdl-pisa .pct .balk{grid-template-columns:38% 1fr 74px;gap:12px;margin:0 0 8px;}
  body .svdl-pisa .balk .naam{grid-column:auto;}
  body .svdl-pisa .balk .spoor{height:18px;}
  body .svdl-pisa .tg-kanten p{font-size:15px;}
  body .svdl-pisa .adviezen-lijst{grid-template-columns:1fr 1fr;}
  body .svdl-pisa .keuze{display:grid;grid-template-columns:140px 1fr;column-gap:24px;padding:24px;}
  body .svdl-pisa .keuze .seg{grid-column:1/-1;}
  body .svdl-pisa .keuze-toren{width:140px;margin:0;align-self:start;}
  /* zigzag: om en om links en rechts van een middenlijn, iets verspringend */
  /* raster: elke mijlpaal een eigen rij, tot 2012 om en om, daarna beleid links en PISA rechts */
  body .svdl-pisa .rail{padding-left:0;display:grid;grid-template-columns:1fr 1fr;column-gap:44px;row-gap:6px;align-items:start;}
  body .svdl-pisa .rail::before{left:50%;margin-left:-1px;}
  body .svdl-pisa .mijlpaal{width:auto;margin:0;}
  body .svdl-pisa .mijlpaal.links{grid-column:1;}
  body .svdl-pisa .mijlpaal.rechts{grid-column:2;}
  body .svdl-pisa .rail .mijlpaal:nth-child(1){grid-row:1;}body .svdl-pisa .rail .mijlpaal:nth-child(2){grid-row:2;}body .svdl-pisa .rail .mijlpaal:nth-child(3){grid-row:3;}body .svdl-pisa .rail .mijlpaal:nth-child(4){grid-row:4;}body .svdl-pisa .rail .mijlpaal:nth-child(5){grid-row:5;}body .svdl-pisa .rail .mijlpaal:nth-child(6){grid-row:6;}body .svdl-pisa .rail .mijlpaal:nth-child(7){grid-row:7;}body .svdl-pisa .rail .mijlpaal:nth-child(8){grid-row:8;}body .svdl-pisa .rail .mijlpaal:nth-child(9){grid-row:9;}body .svdl-pisa .rail .mijlpaal:nth-child(10){grid-row:10;}body .svdl-pisa .rail .mijlpaal:nth-child(11){grid-row:11;}body .svdl-pisa .rail .mijlpaal:nth-child(12){grid-row:12;}body .svdl-pisa .rail .mijlpaal:nth-child(13){grid-row:13;}body .svdl-pisa .rail .mijlpaal:nth-child(14){grid-row:14;}body .svdl-pisa .rail .mijlpaal:nth-child(15){grid-row:15;}body .svdl-pisa .rail .mijlpaal:nth-child(16){grid-row:16;}body .svdl-pisa .rail .mijlpaal:nth-child(17){grid-row:17;}body .svdl-pisa .rail .mijlpaal:nth-child(18){grid-row:18;}body .svdl-pisa .rail .mijlpaal:nth-child(19){grid-row:19;}body .svdl-pisa .rail .mijlpaal:nth-child(20){grid-row:20;}body .svdl-pisa .rail .mijlpaal:nth-child(21){grid-row:21;}body .svdl-pisa .rail .mijlpaal:nth-child(22){grid-row:22;}body .svdl-pisa .rail .mijlpaal:nth-child(23){grid-row:23;}body .svdl-pisa .rail .mijlpaal:nth-child(24){grid-row:24;}
  body .svdl-pisa .mijlpaal.links .blok{left:auto;right:-28px;}
  body .svdl-pisa .mijlpaal.rechts .blok{left:-28px;}
}

/* Cirkeldiagrammen */
body .svdl-pisa .fig-cirkel{margin:0 0 18px;}
body .svdl-pisa .cirkel-vak{position:relative;max-width:560px;margin:0 auto;}
body .svdl-pisa .fig-cirkel svg{width:100%;height:auto;display:block;margin:0 auto;}
body .svdl-pisa .fig-cirkel path{stroke:var(--vlak);stroke-width:2;cursor:pointer;transition:opacity .2s;}
body .svdl-pisa .fig-cirkel path:focus,body .svdl-pisa .fig-cirkel path:focus-visible{outline:none;}
body .svdl-pisa .fig-cirkel path[data-aan="1"]{stroke:var(--inkt);stroke-width:3;}
body .svdl-pisa .fig-cirkel[data-keus] path{opacity:.35;}
body .svdl-pisa .fig-cirkel[data-keus] path[data-aan="1"]{opacity:1;}
body .svdl-pisa .cirkel-pct{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;fill:#fff;pointer-events:none;}
body .svdl-pisa .cirkel-legenda{list-style:none;margin:0;padding:0;}
body .svdl-pisa .cirkel-legenda li{margin:0;}
body .svdl-pisa .cirkel-legenda button{appearance:none;width:100%;display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;background:none;border:0;border-bottom:1px solid var(--lijn);padding:8px 2px;font:inherit;font-size:15px;line-height:1.3;color:var(--inkt);text-align:left;cursor:pointer;min-height:40px;}
body .svdl-pisa .cirkel-legenda button i{display:block;width:14px;height:14px;}
body .svdl-pisa .cirkel-legenda button b{font-variant-numeric:tabular-nums;color:var(--gedempt);font-weight:600;}
body .svdl-pisa .cirkel-legenda button[aria-pressed="true"]{background:var(--veld,#F4F6F8);}
body .svdl-pisa .cirkel-legenda button:focus-visible{outline:2px solid var(--marine);outline-offset:-2px;}
body .svdl-pisa .cirkel-uitleg{position:relative;max-width:560px;margin:18px auto 6px;padding:12px 16px;background:var(--vlak);border:1px solid var(--lijn);font-weight:600;text-align:center;min-height:1.6em;}
body .svdl-pisa .cirkel-uitleg::before{content:"";position:absolute;left:50%;top:-8px;width:14px;height:14px;background:var(--vlak);border-left:1px solid var(--lijn);border-top:1px solid var(--lijn);transform:translateX(-50%) rotate(45deg);}
body .svdl-pisa .cirkel-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(86%,260px);background:var(--inkt);color:#fff;padding:14px 16px;text-align:center;z-index:3;}
body .svdl-pisa .cirkel-pop b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:17px;line-height:1.25;margin:0 0 4px;}
body .svdl-pisa .cirkel-pop span{display:block;font-size:15px;}
body .svdl-pisa .cirkel-pop .pop-dicht{appearance:none;margin:10px 0 0;background:transparent;border:1px solid #fff;color:#fff;font:inherit;font-size:13px;padding:6px 12px;min-height:36px;cursor:pointer;}
body .svdl-pisa .kader.rood{border-left-color:var(--signaal);}
body .svdl-pisa .kader.rood .label{color:var(--signaal);}


/* Adviesballen */
body .svdl-pisa .fig-ballen{margin:0 0 18px;}
body .svdl-pisa .ballen{position:relative;width:100%;aspect-ratio:1/1;margin:0 auto;overflow:hidden;}
body .svdl-pisa .bal-veld{position:absolute;inset:0;}
body .svdl-pisa .bal-kern{appearance:none;position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1/1;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--marine);color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;z-index:2;transition:transform .35s ease,opacity .35s ease;}
body .svdl-pisa .bal-kern b{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(34px,11vw,80px);line-height:1;}
body .svdl-pisa .bal-kern span{font-size:15px;line-height:1.3;text-align:center;}
body .svdl-pisa .bal-kern small{font-size:13px;opacity:.85;}
body .svdl-pisa .bal-kern:focus-visible{outline:3px solid var(--inkt);}
body .svdl-pisa .ballen[data-open="1"] .bal-kern{transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;}
body .svdl-pisa .bal{appearance:none;position:absolute;left:50%;top:50%;width:var(--d);aspect-ratio:1/1;transform:translate(-50%,-50%) scale(0);border:0;border-radius:50%;background:var(--marine);color:#fff;font:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;transition:left .6s cubic-bezier(.2,.8,.3,1.1),top .6s cubic-bezier(.2,.8,.3,1.1),transform .6s ease;}
body .svdl-pisa .ballen[data-open="1"] .bal{left:var(--x);top:var(--y);transform:translate(-50%,-50%) scale(1);}
body .svdl-pisa .bal span{display:flex;flex-direction:column;align-items:center;line-height:1.05;padding:10%;width:100%;overflow:hidden;hyphens:auto;overflow-wrap:anywhere;}
body .svdl-pisa .bal b{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;}
body .svdl-pisa .bal small{font-size:.8em;opacity:.9;margin-top:2px;}
body .svdl-pisa .bal.groot{font-size:clamp(13px,3.2vw,26px);}
body .svdl-pisa .bal.middel{font-size:clamp(9px,2.1vw,16px);background:var(--marine-diep);}
body .svdl-pisa .bal.klein{font-size:0;background:var(--buiten);}
body .svdl-pisa .bal.klein span{display:none;}
body .svdl-pisa .bal[aria-pressed="true"]{outline:3px solid var(--inkt);outline-offset:2px;}
body .svdl-pisa .bal:focus-visible{outline:3px solid var(--inkt);outline-offset:2px;}
body .svdl-pisa .ballen[data-open="1"] .bal.klein{opacity:.9;}
body .svdl-pisa .bal-uitleg{margin:12px 0 6px;font-weight:600;min-height:1.6em;text-align:center;}
body .svdl-pisa .bal-uitleg .bal-label{display:block;}
@media (prefers-reduced-motion:reduce){body .svdl-pisa .bal,body .svdl-pisa .bal-kern{transition:none;}}

/* Handje: tik maar */
body .svdl-pisa .tik-hint{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--inkt);display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 2px 10px rgba(20,32,46,.18);animation:svdl-tik 1.6s ease-in-out infinite;}
body .svdl-pisa .tik-hint svg{width:34px;height:34px;}
body .svdl-pisa .bal-kern .tik-hint{left:auto;right:10%;top:auto;bottom:8%;margin:0;width:48px;height:48px;}
body .svdl-pisa .bal-kern .tik-hint svg{width:26px;height:26px;}
body .svdl-pisa .aangeraakt .tik-hint{display:none;}
@keyframes svdl-tik{0%,100%{transform:scale(1);}50%{transform:scale(.88);}}
@media (prefers-reduced-motion:reduce){body .svdl-pisa .tik-hint{animation:none;}}


/* ===== WordPress / Gutenberg ===== */
body .svdl-pisa{max-width:none;margin:0;padding:0 0 48px;} /* volle breedte van de themakolom (850 px), gelijk met de titel */
body .svdl-pisa .wp-block-group__inner-container>:first-child{margin-top:0;}
body .svdl-pisa p.deel-nr{display:inline-block;}
body .svdl-pisa .jaarteksten{display:none;}
.editor-styles-wrapper .svdl-pisa .jaarteksten{display:block;border:1px dashed var(--marine);padding:12px;margin:0 0 24px;}
.editor-styles-wrapper .svdl-pisa .jaarteksten p{font-size:15px;margin:0 0 6px;}
/* stapnummers automatisch */
body .svdl-pisa .deel{counter-reset:stap;}
body .svdl-pisa h3.stap{counter-increment:stap;}
body .svdl-pisa h3.stap::before{content:counter(stap);flex:0 0 auto;background:var(--marine);color:#fff;width:28px;height:28px;line-height:28px;text-align:center;font-size:16px;margin-top:-2px;}
/* cijferkaarten */
body .svdl-pisa .tegels,body .svdl-pisa .tg-kanten{display:block;}
body .svdl-pisa .tegels{margin:0 0 24px;}
body .svdl-pisa .tegels > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}
body .svdl-pisa .tegel p{margin:0;font-size:14px;line-height:1.45;color:var(--gedempt);}
body .svdl-pisa .tegel p.getal{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:28px;line-height:1;letter-spacing:-.015em;color:var(--inkt);font-variant-numeric:tabular-nums;margin:0 0 8px;}
body .svdl-pisa .tegel.rood p.getal{color:var(--signaal);}
/* tegenstellingen */
body .svdl-pisa .tg-kanten > .wp-block-group__inner-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
body .svdl-pisa .tg p.kopklein{font-family:'Instrument Sans',sans-serif;font-size:16px;margin:0 0 6px;}
body .svdl-pisa .tg-kanten p{margin:0;font-size:14px;line-height:1.4;}
body .svdl-pisa .tg-kanten p.b{text-align:right;color:var(--gedempt);}
/* balken compacter */
body .svdl-pisa .balk{margin:0 0 10px;gap:2px 12px;font-size:14px;}
body .svdl-pisa .balk .spoor{height:10px;}
/* wat valt op */
body .svdl-pisa .kader ul.wp-block-list{margin:0;padding:0 0 0 20px;list-style:disc;}
body .svdl-pisa .kader ul.wp-block-list li{margin:0 0 10px;font-size:17px;line-height:1.55;}
/* kaders: geen extra witruimte van het thema */
body .svdl-pisa .kader ul.wp-block-list,body .svdl-pisa .kader ul{margin:0 !important;padding:0 0 0 20px !important;}
body .svdl-pisa .kader > .wp-block-group__inner-container>:last-child,body .svdl-pisa .kader li:last-child{margin-bottom:0 !important;}
body .svdl-pisa .kader > .wp-block-group__inner-container>:first-child{margin-top:0 !important;}
/* conclusie */
body .svdl-pisa .kader p.label{margin:0 0 12px;}
/* tussenkopjes in de mijlpalen */
body .svdl-pisa .mijlpaal p.tussenkop{font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--marine);margin:16px 14px 0;}
body .svdl-pisa .mijlpaal p.tussenkop+p{margin-top:6px;}
/* kaders met alinea's */
body .svdl-pisa .kader p+p,body .svdl-pisa .kader p+ul.wp-block-list{margin-top:12px;}
body .svdl-pisa .kader p.label+p{margin-top:0;}
body .svdl-pisa .kader+.kader{margin-top:12px;}
/* Deel III: mechanismen als kaartenstapel (veegbaar); hint en navigatie komen uit pisa.js.
   Elke kaart is een subgrid van vijf rijen (kop, omschrijving, waarom, niet, wel), zodat de rijen op alle kaarten even hoog zijn. */
body .svdl-pisa{--goed:#2E7D4F;}
body .svdl-pisa .mechs{margin:0;}
body .svdl-pisa .mechs > .wp-block-group__inner-container{display:grid;grid-auto-flow:column;grid-auto-columns:88%;grid-template-rows:repeat(5,auto);column-gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none;overscroll-behavior-x:contain;}
body .svdl-pisa .mechs > .wp-block-group__inner-container::-webkit-scrollbar{display:none;}
body .svdl-pisa .mechs > .wp-block-group__inner-container:focus-visible{outline:2px solid var(--marine);outline-offset:2px;}
body .svdl-pisa .mech{grid-row:span 5;display:grid;grid-template-rows:subgrid;scroll-snap-align:start;margin:0;background:var(--vlak);border:1px solid var(--lijn);border-top:4px solid var(--marine);min-width:0;}
body .svdl-pisa .mech > .wp-block-group__inner-container,body .svdl-pisa .mech-vakken,body .svdl-pisa .mech-vakken > .wp-block-group__inner-container{display:contents;}
body .svdl-pisa h3.mech-kop{margin:0;padding:16px 16px 8px;}
body .svdl-pisa .vak{padding:0 16px 12px;}
body .svdl-pisa .vak p{margin:0 0 6px;}
body .svdl-pisa .vak p:last-child{margin-bottom:0;}
body .svdl-pisa .vak.o p.label{display:none;}
body .svdl-pisa .vak.w{margin:0 16px 16px;padding:0 0 0 12px;border-left:3px solid var(--marine);}
body .svdl-pisa .vak.n,body .svdl-pisa .vak.h{border-top:1px solid var(--lijn);padding:12px 16px;background:none;}
body .svdl-pisa .vak.n p.label::before{content:"✗ ";color:var(--signaal);}
body .svdl-pisa .vak.h p.label::before{content:"✓ ";color:var(--goed);}
@supports not (grid-template-rows:subgrid){
  body .svdl-pisa .mechs > .wp-block-group__inner-container{display:flex;gap:12px;}
  body .svdl-pisa .mech{flex:0 0 88%;display:flex;flex-direction:column;}
  body .svdl-pisa .mech > .wp-block-group__inner-container,body .svdl-pisa .mech-vakken,body .svdl-pisa .mech-vakken > .wp-block-group__inner-container{display:flex;flex-direction:column;flex:1;}
  body .svdl-pisa .vak.n{margin-top:auto;}
}
body .svdl-pisa .mechs > .wp-block-group__inner-container.duw .mech{animation:svdl-duw .9s ease-in-out;}
@keyframes svdl-duw{0%,100%{transform:none;}40%{transform:translateX(-36px);}}
body .svdl-pisa .veeg-hint{display:flex;align-items:center;gap:8px;margin:24px 0 8px;font-size:14px;font-weight:700;color:var(--marine);}
body .svdl-pisa .veeg-pijl{display:inline-block;font-size:18px;line-height:1;animation:svdl-veeg 1.4s ease-in-out infinite;}
body .svdl-pisa .veeg-hint.gezien .veeg-pijl{animation:none;}
@keyframes svdl-veeg{0%,100%{transform:translateX(0);}50%{transform:translateX(8px);}}
body .svdl-pisa .veeg-tekst.pc{display:none;}
body .svdl-pisa .veeg-teller{margin-left:auto;font-weight:600;color:var(--gedempt);font-variant-numeric:tabular-nums;}
body .svdl-pisa .veeg-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;}
body .svdl-pisa .veeg-stippen{display:flex;gap:6px;}
body .svdl-pisa .veeg-nav button{font:inherit;cursor:pointer;border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt);padding:0;}
body .svdl-pisa .veeg-stippen button{width:30px;height:30px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}
body .svdl-pisa .veeg-stippen button[aria-current="true"]{background:var(--marine);border-color:var(--marine);color:#fff;}
body .svdl-pisa .veeg-pijlen{display:flex;gap:6px;}
body .svdl-pisa .veeg-pijlen button{width:44px;height:44px;font-size:18px;border-color:var(--inkt);}
body .svdl-pisa .veeg-pijlen button:disabled{opacity:.3;cursor:default;}
body .svdl-pisa .veeg-nav button:focus-visible{outline:2px solid var(--marine);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){body .svdl-pisa .veeg-pijl,body .svdl-pisa .mechs > .wp-block-group__inner-container.duw .mech{animation:none;}}
/* zichtbaar invulveld: nog te schrijven */
body .svdl-pisa p.invul{border:2px dashed var(--signaal);color:var(--signaal);padding:10px 12px;font-size:15px;line-height:1.4;margin:24px 0;}
/* conclusie */
body .svdl-pisa .mijlpaal summary::marker{content:"";}
/* tijdlijn met details-blokken: raster, elke mijlpaal een eigen rij (nth-child); kolom via klasse links/rechts */
body .svdl-pisa .rail > .wp-block-group__inner-container{position:relative;}
body .svdl-pisa .mijlpaal summary{display:grid;grid-template-columns:minmax(62px,max-content) 1fr;column-gap:6px;align-items:baseline;font-weight:600;font-size:16px;line-height:1.3;padding-top:12px;padding-bottom:12px;}
body .svdl-pisa .mijlpaal summary::marker{content:"";}
body .svdl-pisa .mijlpaal summary strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;line-height:1.1;color:var(--marine);margin:0;font-variant-numeric:tabular-nums;}
body .svdl-pisa .mijlpaal summary strong em{font-family:'Instrument Sans',sans-serif;font-style:normal;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gedempt);display:block;margin:4px 0 0;line-height:1.2;}
body .svdl-pisa .mijlpaal.rood summary strong{color:var(--signaal);}
body .svdl-pisa .mijlpaal summary::before{content:"";position:absolute;left:-26px;top:16px;width:12px;height:12px;background:var(--vlak);border:2px solid var(--marine);}
body .svdl-pisa .mijlpaal.pisa summary::before{background:var(--marine);}
body .svdl-pisa .mijlpaal.rood summary::before{background:var(--signaal);border-color:var(--signaal);}
body .svdl-pisa .mijlpaal[open] summary{border-bottom:1px solid var(--lijn);}
body .svdl-pisa .mijlpaal>p{margin:12px 14px 0;}
body .svdl-pisa .mijlpaal>p:last-child{margin-bottom:14px;}
body .svdl-pisa .mijlpaal .kortom{border-left:3px solid var(--marine);padding-left:12px;}
body .svdl-pisa .mijlpaal .bron{margin-top:12px;}
@media (min-width:760px){
  body .svdl-pisa{padding:0 0 72px;}
  body .svdl-pisa .tegels > .wp-block-group__inner-container{grid-template-columns:repeat(4,1fr);}
  body .svdl-pisa .tegel p.getal{font-size:34px;}
  body .svdl-pisa .tegel p{font-size:15px;}
  body .svdl-pisa h3.stap::before{width:30px;height:30px;line-height:30px;font-size:17px;}
  body .svdl-pisa .tg-kanten p{font-size:15px;}
  body .svdl-pisa .balk .spoor{height:14px;}
  body .svdl-pisa .veeg-tekst.mobiel{display:none;}
  body .svdl-pisa .veeg-tekst.pc{display:inline;}
  body .svdl-pisa .rail{display:block;padding:0;}
  body .svdl-pisa .rail > .wp-block-group__inner-container{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;row-gap:6px;align-items:start;}
  body .svdl-pisa .rail > .wp-block-group__inner-container::before{content:"";position:absolute;left:50%;margin-left:-1px;top:6px;bottom:6px;width:2px;background:var(--lijn);}
  body .svdl-pisa .rail::before{display:none;}
  body .svdl-pisa .rail .mijlpaal{width:auto;margin:0;}
  body .svdl-pisa .rail .mijlpaal.links{grid-column:1;}
  body .svdl-pisa .rail .mijlpaal.rechts{grid-column:2;}
  body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(1){grid-row:1;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(2){grid-row:2;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(3){grid-row:3;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(4){grid-row:4;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(5){grid-row:5;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(6){grid-row:6;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(7){grid-row:7;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(8){grid-row:8;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(9){grid-row:9;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(10){grid-row:10;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(11){grid-row:11;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(12){grid-row:12;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(13){grid-row:13;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(14){grid-row:14;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(15){grid-row:15;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(16){grid-row:16;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(17){grid-row:17;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(18){grid-row:18;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(19){grid-row:19;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(20){grid-row:20;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(21){grid-row:21;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(22){grid-row:22;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(23){grid-row:23;}body .svdl-pisa .rail > .wp-block-group__inner-container .mijlpaal:nth-child(24){grid-row:24;}
  body .svdl-pisa .rail .mijlpaal.links summary::before{left:auto;right:-29px;}
  body .svdl-pisa .rail .mijlpaal.rechts summary::before{left:-29px;}
}
/* ===== Typografie v20: vier tekstmaten plus één cijfermaat, geen hoofdletterlabels ===== */
body .svdl-pisa{--t-h2:24px;--t-h3:19px;--t-tekst:17px;--t-klein:14px;--t-cijfer:28px;}
body .svdl-pisa h2{font-size:var(--t-h2);line-height:1.2;margin:0 0 6px;scroll-margin-top:90px;}
body .svdl-pisa h3,body .svdl-pisa h3.mech-kop{font-size:var(--t-h3);line-height:1.3;scroll-margin-top:90px;}
body .svdl-pisa p,body .svdl-pisa li,body .svdl-pisa .lead,body .svdl-pisa .kader p,body .svdl-pisa .kader ul.wp-block-list li,body .svdl-pisa .vak p,body .svdl-pisa .toren-tekst{font-size:var(--t-tekst);}
body .svdl-pisa .lead{color:var(--inkt);}
body .svdl-pisa p.h2-sub{color:var(--gedempt);margin:0 0 20px;}
/* Deelkoppen in het marineblauw van de site (op het donkere podium van deel III blijft de kop wit) */
body .svdl-pisa h2{color:#2E5F8A;}
body .svdl-pisa .kader p.label,body .svdl-pisa .mijlpaal p.tussenkop,body .svdl-pisa .vak p.label{font-size:var(--t-tekst);font-weight:700;color:var(--inkt);text-transform:none;letter-spacing:normal;line-height:1.4;}
body .svdl-pisa .kader p.label{margin:0 0 8px;}
body .svdl-pisa .mijlpaal p.tussenkop{margin:16px 14px 0;}
body .svdl-pisa .vak p.label{margin:0 0 4px;}
body .svdl-pisa .tg-kop .label,body .svdl-pisa .toren-jaar{font-size:var(--t-klein);text-transform:none;letter-spacing:normal;}
body .svdl-pisa p.fig{font-size:var(--t-klein);font-weight:700;color:var(--inkt);margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--inkt);}
body .svdl-pisa .bron,body .svdl-pisa p.bron,body .svdl-pisa .tegel p,body .svdl-pisa .tg-kanten p,body .svdl-pisa .balk,body .svdl-pisa .legenda,body .svdl-pisa .chip,body .svdl-pisa p.invul,body .svdl-pisa .veeg-stippen button{font-size:var(--t-klein);}
body .svdl-pisa .tegel p.getal,body .svdl-pisa .toren-score{font-size:var(--t-cijfer);}
body .svdl-pisa .mijlpaal summary,body .svdl-pisa .mijlpaal summary strong,body .svdl-pisa .tg p.kopklein,body .svdl-pisa .tg-balk b{font-size:var(--t-tekst);}
body .svdl-pisa .mijlpaal summary strong em{font-size:var(--t-klein);font-weight:400;text-transform:none;letter-spacing:normal;}
/* inhoudsopgave */
body .svdl-pisa .inhoud{border-top:1px solid var(--inkt);border-bottom:1px solid var(--inkt);padding:14px 0;margin:32px 0 0;}
body .svdl-pisa .inhoud p.inhoud-kop{font-weight:700;margin:0 0 6px;}
body .svdl-pisa .inhoud ol.wp-block-list{margin:0;padding:0 0 0 22px;list-style:decimal;}
body .svdl-pisa .inhoud ol.wp-block-list ol.wp-block-list{margin:2px 0 6px;padding-left:20px;}
body .svdl-pisa .inhoud ol.wp-block-list ol.wp-block-list li{color:var(--gedempt);}
body .svdl-pisa .inhoud li{margin:2px 0;}
body .svdl-pisa .inhoud a{color:inherit;text-decoration:underline;text-decoration-color:var(--lijn);text-underline-offset:3px;}
body .svdl-pisa .inhoud a:hover,body .svdl-pisa .inhoud a:focus-visible{text-decoration-color:var(--marine);}
@media (min-width:760px){
  body .svdl-pisa{--t-h2:30px;--t-h3:21px;--t-tekst:18px;}
  body .svdl-pisa .mechs > .wp-block-group__inner-container{grid-auto-columns:calc(50% - 6px);}
}
/* ===== Podium Deel III: klein toneel, doek schuift open met scrollen (pisa.js), spot op de titel ===== */
body .svdl-pisa{--doek:#9B2C24;--doek-diep:#6A1A15;--doek-licht:#B8392F;--zoom:#C9A24A;--vloer:#2B2420;--vloer-licht:#43382F;--toneel:#171C22;--spot:rgba(255,224,102,.30);}
body .svdl-pisa .toneel{position:relative;height:200px;overflow:hidden;background:var(--toneel);margin:0 0 20px;}
body .svdl-pisa .toneel > .wp-block-group__inner-container{position:static;}
body .svdl-pisa .toneel h2{position:absolute;left:0;right:0;bottom:44px;z-index:1;margin:0;padding:0 24px;text-align:center;color:#fff;}
body .svdl-pisa .toneel-licht{position:absolute;left:50%;top:-40px;width:340px;height:300px;margin-left:-170px;z-index:0;background:radial-gradient(ellipse 50% 60% at 50% 70%,var(--spot),transparent 70%);opacity:0;}
body .svdl-pisa .toneel-vloer{position:absolute;left:0;right:0;bottom:0;height:30px;z-index:0;background:linear-gradient(180deg,var(--vloer-licht),var(--vloer));border-top:2px solid var(--zoom);}
body .svdl-pisa .doekhelft{position:absolute;top:0;bottom:0;width:51%;z-index:2;will-change:transform;background:repeating-linear-gradient(90deg,var(--doek) 0 10px,var(--doek-licht) 10px 14px,var(--doek) 14px 22px,var(--doek-diep) 22px 30px);}
body .svdl-pisa .doekhelft.l{left:0;}
body .svdl-pisa .doekhelft.r{right:0;}
body .svdl-pisa .doekhelft::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 80%,rgba(0,0,0,.35));}
body .svdl-pisa .valance{position:absolute;left:0;right:0;top:0;height:22px;z-index:3;background:var(--doek-diep);-webkit-mask:radial-gradient(14px 10px at 14px 100%,transparent 98%,#000) 0 0/28px 100% repeat-x;mask:radial-gradient(14px 10px at 14px 100%,transparent 98%,#000) 0 0/28px 100% repeat-x;}
body .svdl-pisa .valance::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--zoom);}
.editor-styles-wrapper .svdl-pisa .doekhelft{display:none;}
@media (min-width:760px){body .svdl-pisa .toneel{height:240px;}}