/* RITME-LICHT — één afstand tussen alle secties van de vier dienstpagina's.
   GEDEELD. 15-09-2026, tweede feedbackronde Timo.

   WAT ER MIS WAS, EN WAAROM RONDE 1 HET NIET OPLOSTE.
   Ronde 1 maakte de PADDING gelijk. Timo ziet iets anders: de witruimte boven een kop. Die twee
   lopen uit elkaar zodra er een kleurrand tussen zit. Gemeten op 1440px na ronde 1, W&S:

     boven "Wat er in de opdracht zit"   60px cream   (volgt op de donkere procesband)
     boven "Waarom Sennasearch"         120px cream
     boven "Wat je betaalt"             121px cream + rafelige onderkant van de bewijssectie
     boven de vakgebiedenstrook          60px cream

   Timo: "het zijn nog steeds allemaal verschillende afstanden... zorg gewoon dat het ongeveer
   overal een beetje hetzelfde is, zodat het gewoon goed aansluit. Dat er niet allemaal van die
   grote gaten komen, en ook niet dat het opeens heel klein is."

   DE REGEL. Boven ELKE kop staat --space-section cream (108px op 1440, 99px daaronder).
   Dat lukt met halve stappen: twee lichte secties dragen er elk een half, samen één hele.
   Aan een kleurrand staat de sectie er alleen voor en draagt hij de hele stap zelf - een donkere
   band is geen buur die meebetaalt, zijn padding is binnenlucht en geen tussenruimte.

   ⛔ NIET NAAR padding-bottom: 0 + volle padding-top. Dat geeft hetzelfde resultaat met één regel
   minder, maar .es-markt.section heeft overflow-x: clip, en dat rekent overflow-y naar hidden
   (CSS Overflow 3). De paneelschaduw (--shadow-panel, 70px blur) wordt dan hard afgesneden op de
   sectiegrens. De halve stap houdt die ruimte.

   ⛔ UITGEZONDERD. .svc-hero, .svc-clients (de logostrook) en .trustbar (de cijferband, die met het probleemblok eronder EEN donker hoofdstuk vormt) horen strak op elkaar: dat is één
   herogroep, geen drie secties. Donkere secties houden hun eigen binnenlucht.

   ⛔ Meet na elke wijziging inkt-tot-inkt, niet padding:
      NODE_PATH=... node _qa/ruimte-inkt-260915.js */

/* de halve stap: twee lichte secties samen = één hele */
body > section:not(.section--dark):not(.svc-hero):not(.svc-clients):not(.trustbar) {
  padding-block: calc(var(--space-section) / 2);
}

/* donkere banden dragen dezelfde stap als binnenlucht, zodat ook zij onderling gelijk staan.
   probleem-donker sloot af met 60,75px en de procesband met 108px; dat verschil zie je terug in
   de hoogte van de band en niet in de witruimte, maar het is wel hetzelfde ongelijke ritme. */
/* ⛔ 15-09-2026, derde ronde: DRIEKWART STAP, geen hele. Timo over het probleemblok: "die loze
   ruimte boven en onder die sectie (in het blauwe) mag wel iets minder groot, want nu is het wel
   heel veel loze ruimte." Dat komt doordat de linkerkolom (eyebrow + kop) veel korter is dan de
   rechter, waardoor een hele stap boven en onder er als een leeg vlak bij komt. 0,75 stap = 81px
   op 1440. Geldt voor alle donkere banden, zodat ze onderling gelijk blijven; de CREAM-kant van
   elke kleurrand blijft een hele stap, dus de witruimte boven een kop verandert hier niet van. */
body > section.section--dark:not(.trustbar) { padding-block: calc(var(--space-section) * 0.75); }

/* aan een kleurrand draagt de lichte sectie de hele stap zelf */
body > section.section--dark + section:not(.section--dark):not(.svc-hero):not(.svc-clients):not(.trustbar) {
  padding-top: var(--space-section);
}
body > section:not(.section--dark):not(.svc-hero):not(.svc-clients):not(.trustbar):has(+ section.section--dark) {
  padding-bottom: var(--space-section);
}

/* ⛔ OPTISCHE UITZONDERING: de bewijssectie. Timo: "i know dat dat de standaard afstand is maar
   doordat rechts die lees-de-Decathlon-ding staat en dan links die eyebrow weer, voelt die
   witruimte ertussen nu beetje groot."
   Hij heeft gelijk, en het is een meetfout van de regel hierboven: die rekent vanaf de laatste
   INKT, en dat is hier een linkregel rechts. De laatste MASSA is het citaatpaneel, en dat staat
   veel hoger. Gemeten op 1440 (W&S): paneelonderkant 6191, eyebrow van "Wat je betaalt" 6349 =
   158px leeg, waarvan links helemaal niets staat. Elders is dat ~108px.
   Een linkregel is geen massa maar lucht, dus telt hij hier mee als onderlucht: de halve stap
   eronder gaat naar 20px en de afstand paneel -> eyebrow komt op ~124px.
   ⛔ Dit hoort in DIT bestand en niet in css/sections/svc-proof.css: dat stylesheet rijdt ook op
   de homepage en op /rpo, en daar geldt dit ritme niet. */
body > section.svc-proof:not(.section--dark):not(.svc-hero):not(.svc-clients):not(.trustbar) {
  padding-bottom: 20px;
}

/* ⛔ TWEEDE OPTISCHE UITZONDERING: de vakgebiedenstrook op W&S. Timo: "die lijn en vakgebieden
   enzo die daaronder staan zou ik gewoon redelijk dicht onder [de knop] plaatsen."
   Het is geen eigen hoofdstuk maar een naregel bij "Waarom Sennasearch": een hairline, zes chips
   en een zin. Een hele stap ervoor (54 + 54) zette hem los in het midden van de pagina, met de
   oranje knop eenzaam erboven. Nu 20 + 20 = 40px tot de hairline, en .ws-vak houdt zijn eigen
   22px eronder; daarmee hangt de strook aan de sectie erboven in plaats van ertussen te zweven.
   De afstand van de strook naar de bewijssectie eronder blijft de gewone stap. */
/* ⛔ De :not()-keten moet mee, ook al doet hij hier niets: zonder die vier klassen weegt deze
   regel (0,2,3) minder dan de basisregel bovenaan (0,4,2) en gebeurt er niets. 🔬 15-09 gemeten:
   de eerste versie zonder ketting liet de afstand gewoon op 108px staan. */
body > section.ws-waarom:not(.section--dark):not(.svc-hero):not(.svc-clients):not(.trustbar):has(+ section.ws-vakgebieden) {
  padding-bottom: 20px;
}
body > section.ws-vakgebieden:not(.section--dark):not(.svc-hero):not(.svc-clients):not(.trustbar) {
  padding-top: 20px;
}