/* ============================================================================================
   WEBSITE BUILD · lichte proef op de gedeelde basis (ronde 1, 04-10-2026). Voortgangsproef, geen kandidaat.
   Laadt NA nx-basis.css. Alleen wat van deze pagina is: hero "De werktafel aan het water", de vier onderdelen,
   de live site op de telefoon, meer eigen werk, Care, slot. Teksten staan in website-build.html en zijn niet gewijzigd.
   ER IS GEEN LICHT BEELD: de plaat is een schema uit de vakken van het compositievoorstel (§6). Plaatprocenten:
     L liggend, of breder dan 1100 px   tekstzone x 5-39; werkscherm x 47-67, onderkant 62 (op de tafel 43-74 x 62-71);
                                        pauw x 75-86, y 17-58; sleep x 79-93, y 50-80  -> vogelvak x 75-93, y 17-80
     S staand tot 1100 px breed         tekst boven; pauw x 18-42, y 36-60; sleep x 12-38, y 55-77 -> vogelvak x 12-42, y 36-77;
                                        werkscherm x 48-88, onderkant 68 (op de tafel 44-92 x 68-74)
   L: de plaat staat op de volle breedte in haar eigen verhouding (16:9); niets van de plaat valt weg, dus de hele vogel
      staat er op elk liggend formaat. De hero is zo hoog als de plaat, of hoger als de tekst dat vraagt.
   S: kop, kenmerken, prijs en knop staan in de stroom boven de plaat; de plaat begint 33 % van haar hoogte boven de
      onderkant van de knop (kuif op 36 %): wordt de tekst groter, dan schuift de vogel mee omlaag en raakt de tekst
      de kuif niet. Boven de plaat loopt de lucht door als effen kleur: een echt beeld moet daar zelf lucht bieden.
   Beweging: alleen de binnenkomst van de basis (kop 10 px). Niets loopt door; de pauzeplaats blijft leeg.
   ============================================================================================ */

.wb{background:#f7f3ec;color:var(--nx-inkt)}
.wb .kw{font:inherit;color:inherit}
/* een tekstlink en een bovenregel mogen afbreken (smal scherm, grote letter): er steekt niets uit */
.wb .tekstlink{flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere}
.wb .eyebrow{flex-wrap:wrap;row-gap:6px;overflow-wrap:anywhere}
.site-footer .legal a{overflow-wrap:anywhere}
/* één linkerlijn voor logo, vloersecties en footer (in de basis drie lijnen; hier per pagina opgelost, zoals Investering) */
.wb .nx-vloer{--nx-rand:max(20px,calc(var(--edge) - 12px))}
.site-footer{padding-inline:max(20px,calc(var(--edge) - 12px))}

/* ---------------------------------------------------------------- hero, gedeeld */
.wb-hero{position:relative;isolation:isolate;overflow:clip;background:#f7f3ec}
.wb-stage{position:relative;z-index:0;width:100%}
.wb-stage picture{position:absolute;inset:0;display:block}
.wb-plaat{display:block;width:100%;height:100%;max-width:none;object-fit:fill}
/* overgang naar het marmer: licht over de onderrand van de plaat, geen harde snede */
.wb-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(64px,7%);z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(247,243,236,0),#f7f3ec)}
/* label "schema, geen beeld": klein, hoort bij de proef en niet bij de site */
.wb-schema{position:absolute;z-index:4;margin:0;padding:3px 9px;border-radius:999px;white-space:nowrap;pointer-events:none;
  font:400 10px/1.3 var(--sans);letter-spacing:.04em;color:var(--nx-inkt);background:rgba(255,253,248,.9);box-shadow:inset 0 0 0 1px rgba(176,138,69,.4)}
.wb-schema b{margin-right:6px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}

/* tekst van de hero: op lucht en zee, met de gevederde leessteun van de basis erachter */
.wb-kopblok{--steun:.42;--steun-veer:20px;--steun-uit:-16px -22px}
.wb-kopblok .eyebrow{margin:0 0 12px;font-size:.8125rem;letter-spacing:.32em;color:var(--nx-inkt-diep)}
.wb-kopblok .eyebrow::after{width:48px;background:#b18243}
.wb-hero h1{font:400 clamp(2rem,3.9vw,4.25rem)/1.04 var(--serif);letter-spacing:-.006em;color:var(--nx-inkt-diep);overflow-wrap:anywhere}
.wb-kenmerken{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;margin:16px 0 0;padding:0;font:500 .8125rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--nx-inkt)}
.wb-kenmerken li{display:inline-flex;align-items:center}
.wb-kenmerken li:not(:last-child)::after{content:"";flex:0 0 auto;width:5px;height:5px;margin:0 12px;transform:rotate(45deg);border:1px solid #8a6a2b}
.wb-prijs{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin-top:18px;color:var(--nx-inkt)}
.wb-prijs .bedrag{font:400 clamp(2.25rem,3.2vw,3.5rem)/1 var(--serif);color:var(--nx-inkt-diep);white-space:nowrap}
.wb-prijs .per{font:500 .875rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.wb-prijs .btw{flex-basis:100%;margin-top:6px;max-width:30em;font-size:.9375rem;line-height:1.45}
.wb-acties{margin-top:22px}
.wb-na{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
/* Care in het kort: een rustige regel met een dunne lijn erboven, geen kaart */
.wb-care-kort{display:inline-flex;align-items:center;gap:12px;min-height:52px;max-width:100%;padding:8px 0 6px;border-top:1px solid rgba(138,106,43,.5);border-radius:0;color:var(--nx-inkt);text-decoration:none}
.wb-care-kort .shield{flex:0 0 auto;width:26px;height:28px;color:#735416}
.wb-care-kort .txt{display:flex;flex-direction:column;gap:2px;min-width:0;font:400 1rem/1.3 var(--sans)}
.wb-care-kort .l1{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px}
.wb-care-kort .l1 b{font-weight:700}
.wb-care-kort small{font-size:.8125rem;line-height:1.35;letter-spacing:.02em}
.wb-care-kort .arr{flex:0 0 auto;width:18px;height:18px;transition:transform var(--t-hover) var(--ease)}
@media (hover:hover) and (pointer:fine){
  .wb-care-kort:hover .l1{text-decoration-color:rgba(11,44,41,.5)}
  .wb-care-kort:hover .arr{transform:translateX(3px)}
}
.wb-care-kort:active{opacity:.62}

/* statusregel (hero, telefoon, concepten) */
.wb-status{display:inline-flex;align-items:center;gap:8px;margin:0;font:500 .75rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--nx-goud-tekst)}
.wb-status--live{color:#073c38}
.wb .nx-vloer .wb-status:not(.wb-status--live){color:#4f3808}      /* ronde 1: de labelkleur van de basis haalde op een marmerader op 390 breed 3,9 (gemeten); donkerder gezet */
.wb-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#0e7566}

/* het werkscherm: een laag van de pagina op de tafel van de plaat; de schermafbeelding houdt haar eigen kleuren */
.wb-werk{position:absolute;z-index:2}
.wb-scherm{position:relative;aspect-ratio:3 / 2;padding:5px;border-radius:10px;background:linear-gradient(145deg,#fffdf8,#e6dcc6);
  box-shadow:0 0 0 1px rgba(138,106,43,.5),0 1px 0 1px rgba(255,255,255,.7),0 20px 28px -18px rgba(11,44,41,.55)}
.wb-scherm img{position:absolute;inset:5px;display:block;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover;object-position:50% 0;border-radius:6px}
.wb-onder{position:absolute;left:0;top:100%;width:100%;margin:0}       /* niet breder dan het scherm: de regel breekt af in plaats van over pyriet of sleep te lopen */
.wb-onder__link{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 12px;min-height:44px;padding:4px 8px;border-radius:8px;color:var(--nx-inkt-diep);text-decoration:none}
.wb-onder__naam{font:400 1.25rem/1.1 var(--serif);text-decoration:underline;text-decoration-color:rgba(115,84,22,.75);text-decoration-thickness:1px;text-underline-offset:5px}
.wb-onder__link .arr{flex:0 0 auto;width:18px;height:18px;transition:transform var(--t-hover) var(--ease)}
@media (hover:hover) and (pointer:fine){
  .wb-onder__link:hover .wb-onder__naam{text-decoration-thickness:2px}
  .wb-onder__link:hover .arr{transform:translateX(3px)}
}
.wb-onder__link:active{opacity:.62}

/* ---------------------------------------------------------------- L · liggend, of breder dan 1100 px */
@media (min-width:1101px),(orientation:landscape){
  .wb-hero{display:grid;grid-template-columns:minmax(0,1fr)}
  .wb-stage{grid-area:1 / 1;align-self:start;aspect-ratio:16 / 9}
  /* tekstzone van de schets: plaat x 5-39 %, bovenkant 14 % (7,875 % van de breedte); links nooit vóór de lijn van het logo */
  .wb-inhoud{--kl:max(5%,calc(var(--edge) - 12px));grid-area:1 / 1;align-self:start;position:relative;z-index:1;width:39%;
    padding:max(calc(var(--header-h) + 24px),7.875%) 0 28px var(--kl)}
  .wb-na{margin-top:8px}
  .wb-werk{left:47%;width:20%;bottom:38%}
  .wb-schema{right:2%;top:84.5%}
}
@media (min-width:861px) and (max-width:1100px) and (orientation:landscape){
  .wb-kenmerken{font-size:.75rem;letter-spacing:.12em}
  .wb-kenmerken li:not(:last-child)::after{margin:0 9px}
  .wb-prijs{margin-top:10px}
  .wb-acties{margin-top:12px}
  .wb-onder__naam{font-size:1.125rem}
  /* ronde 1b: op 1024x768 stak de Care-regel 13 px onder de plaat uit; de kolom is 20 px korter en eindigt binnen de plaat */
  .wb-inhoud{padding-bottom:6px}
  .wb-na{margin-top:2px}
  .wb-care-kort{min-height:46px;padding:5px 0 3px}
}
/* liggend en smal of laag (telefoon liggend, desktop op zoom 200 %): de kop loopt door in plaats van drie vaste regels */
@media (orientation:landscape) and (max-width:860px),(orientation:landscape) and (max-height:520px){
  .wb-inhoud{padding-top:calc(var(--header-h) + 12px);padding-bottom:16px}
  .wb-kopblok .eyebrow{margin-bottom:5px;font-size:.6875rem;letter-spacing:.24em}
  .wb-hero h1{font-size:1.625rem;line-height:1.08}
  .wb-hero h1 br{display:none}
  .wb-kenmerken{margin-top:7px;font-size:.6875rem;letter-spacing:.08em}
  .wb-kenmerken li:not(:last-child)::after{margin:0 6px;width:4px;height:4px}
  .wb-prijs{margin-top:7px;gap:0 10px}
  .wb-prijs .bedrag{font-size:1.625rem}
  .wb-prijs .per{font-size:.75rem}
  .wb-prijs .btw{margin-top:2px;font-size:.8125rem;line-height:1.3}
  .wb-acties{margin-top:9px}
  .wb-cta{min-height:44px;padding:.4em 14px .4em 18px;gap:10px;font-size:.9375rem}
  .wb-onder__link{gap:0 8px;padding:2px 6px}
  .wb-onder__naam{font-size:1rem}
  .wb-status{font-size:.6875rem;letter-spacing:.14em}
  .wb-schema{font-size:8px}
}

/* ---------------------------------------------------------------- S · staand tot 1100 px breed */
@media (max-width:1100px) and (orientation:portrait){
  .wb-hero{display:flex;flex-direction:column;background:#dbe7ee}       /* boven de plaat loopt de lucht door (bovenkleur van het schema) */
  .wb-inhoud{display:contents}
  .wb-kopblok{order:1;position:relative;z-index:1;padding:calc(var(--header-h) + 20px) 20px 0}
  .wb-kopblok .eyebrow{margin-bottom:8px;letter-spacing:.3em}
  .wb-hero h1{font-size:2.25rem;line-height:1.06}
  .wb-kenmerken{margin-top:12px;font-size:.75rem;letter-spacing:.12em}
  .wb-kenmerken li:not(:last-child)::after{margin:0 8px}
  .wb-prijs{margin-top:12px}
  .wb-prijs .bedrag{font-size:2.25rem}
  .wb-prijs .btw{margin-top:4px}
  .wb-acties{margin-top:16px}
  /* de plaat begint 33 % van haar hoogte (58,67 % van de breedte) boven de onderkant van de knop: de kuif (36 %) staat er 3 % onder */
  .wb-stage{order:2;flex:0 0 auto;aspect-ratio:9 / 16;margin-top:-58.67%}
  .wb-werk{left:48%;width:40%;bottom:32%}
  .wb-scherm{aspect-ratio:4 / 3}
  .wb-schema{left:4%;top:87.4%}
  .wb-schema__lang{display:none}
  .wb-onder__link{gap:0 8px;padding:2px 4px}
  .wb-onder__naam{font-size:1.0625rem}
  .wb-onder .wb-status{font-size:.6875rem;letter-spacing:.14em}
  .wb-na{order:3;position:relative;z-index:1;padding:12px 20px 4px;background:#f7f3ec}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .wb-kopblok{padding:calc(var(--header-h) + 34px) 8% 0}
  .wb-hero h1{font-size:3.25rem}
  .wb-kenmerken{font-size:.8125rem;letter-spacing:.16em}
  .wb-kenmerken li:not(:last-child)::after{margin:0 12px}
  .wb-prijs .bedrag{font-size:3rem}
  .wb-na{padding:16px 8% 4px}
  .wb-onder__naam{font-size:1.375rem}
  .wb-onder .wb-status{font-size:.75rem;letter-spacing:.2em}
}
@media (min-width:861px) and (max-width:1100px) and (orientation:portrait){
  .wb-hero h1{font-size:4rem}
}
@media (max-width:375px) and (orientation:portrait){.wb-hero h1{font-size:2.125rem}.wb-kenmerken{letter-spacing:.08em}.wb-kenmerken li:not(:last-child)::after{margin:0 6px}}
@media (max-width:339px) and (orientation:portrait){.wb-hero h1{font-size:1.875rem}.wb-kopblok{padding-inline:16px}.wb-kenmerken{font-size:.6875rem}.wb-prijs .bedrag{font-size:2rem}}

/* ---------------------------------------------------------------- vervolgsecties op de vloer */
.wb-sectiekop{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px clamp(32px,4.4vw,96px);align-items:end;margin-bottom:clamp(32px,3.6vw,56px)}
.wb .nx-vloer p{text-wrap:pretty}
.wb-omvat{padding-top:clamp(56px,6vw,104px)}

/* de vier onderdelen: een cijfer, een naam, een zin; dunne lijn erboven. Geen kaarten, geen glas. */
.wb-lijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px clamp(20px,2.6vw,48px)}
.wb-lijst li{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--nx-goud-lijn)}
.wb-lijst .nr{font:400 clamp(2rem,2.6vw,2.75rem)/1 var(--serif);color:var(--nx-goud-tekst)}
.wb-lijst h3{font-size:clamp(1.5rem,1.9vw,1.875rem);line-height:1.12;overflow-wrap:anywhere}
.wb-lijst p{margin-top:8px;max-width:30em;font-size:1.0625rem;line-height:1.55;color:var(--nx-tekst)}
.wb-noot{max-width:54em;margin-top:clamp(28px,3vw,44px);padding-top:18px;border-top:1px solid var(--nx-goud-zacht);font-size:.9375rem;line-height:1.55;color:var(--nx-tekst)}

/* de live site op de telefoon */
.wb-mobiel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px clamp(32px,4.4vw,96px);align-items:center}
.wb-telefoon{justify-self:center}
.wb-telefoon__toestel{width:min(264px,62vw);padding:8px;border-radius:36px;background:linear-gradient(160deg,#fffdf8,#e2d6bd);
  box-shadow:0 0 0 1px rgba(138,106,43,.5),0 1px 0 1px rgba(255,255,255,.7),0 34px 46px -30px rgba(11,44,41,.5)}
.wb-telefoon__toestel img{display:block;width:100%;height:auto;border-radius:28px}
.wb-mobiel__tekst h2{margin-top:10px}
.wb-mobiel__tekst > p:not(.wb-status){margin-top:16px;max-width:34em;font-size:1.0625rem;line-height:1.6;color:var(--nx-tekst)}
.wb-mobiel__tekst .tekstlink{margin-top:14px}

/* meer eigen werk: twee concepten naast elkaar; de ontwerpen houden hun eigen kleuren */
.wb-wandel__stappen{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-bottom:26px}
.wb-wandel__stappen a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:400 1.3125rem/1.1 var(--serif);color:var(--nx-navy);
  text-decoration:underline;text-decoration-color:var(--nx-goud-lijn);text-decoration-thickness:1px;text-underline-offset:6px}
.wb-wandel__stappen .nr{font:500 .75rem/1 var(--sans);letter-spacing:.2em;color:var(--nx-goud-tekst)}
.wb-wandel__lijn{flex:0 1 72px;height:1px;background:var(--nx-goud)}
.wb-wandel__stappen a:active{opacity:.62}
@media (hover:hover) and (pointer:fine){.wb-wandel__stappen a:hover{text-decoration-color:#8a6a2b;text-decoration-thickness:2px}}
.wb-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px clamp(28px,4.4vw,96px)}
.wb-station{display:flex;flex-direction:column;gap:18px;scroll-margin-top:calc(var(--header-h) + 28px)}
.wb-station__werk{position:relative;aspect-ratio:4 / 3;padding:6px;border-radius:14px;background:linear-gradient(160deg,#fffdf8,#e6dcc6);
  box-shadow:0 0 0 1px rgba(138,106,43,.45),0 1px 0 1px rgba(255,255,255,.7),0 30px 44px -30px rgba(11,44,41,.5)}
.wb-station__werk img{position:absolute;inset:6px;display:block;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;object-position:50% 0;border-radius:9px}
.wb-station:target .wb-station__werk{box-shadow:0 0 0 2px #8a6a2b,0 30px 44px -30px rgba(11,44,41,.5)}
.wb-station__tekst h3{margin-top:8px;font-size:clamp(1.625rem,2.1vw,2.125rem)}
.wb-station__vak{margin-top:6px;font-size:1.0625rem;color:var(--nx-tekst)}
.wb-station__tekst .tekstlink{margin-top:8px}

/* Care: twee kolommen, een dunne gouden as ertussen */
.wb-care{scroll-margin-top:0}
.wb-care__rij{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:0 clamp(28px,4.4vw,80px)}
.wb-care__as{background:linear-gradient(180deg,rgba(176,138,69,0),var(--nx-goud) 18%,var(--nx-goud) 82%,rgba(176,138,69,0))}
.wb-care__kol{display:flex;flex-direction:column;align-items:flex-start}
.wb-care__kol header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 16px;width:100%;padding-bottom:16px;border-bottom:1px solid var(--nx-goud-lijn)}
.wb-care__kol .shield{width:34px;height:37px;color:#735416}
.wb-care__kol h3{font-size:clamp(1.625rem,2.1vw,2.125rem);overflow-wrap:anywhere}
.wb-care__kol .pr{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;color:var(--nx-navy)}
.wb-care__kol .pr b{font:400 clamp(1.875rem,2.4vw,2.5rem)/1 var(--serif);white-space:nowrap}
.wb-care__kol .pr small{font:500 .75rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--nx-tekst)}
.wb-care__kol .lead{margin-top:16px;font-size:1.0625rem;line-height:1.5;color:var(--nx-tekst)}
.wb-care__kol ul{list-style:none;display:grid;gap:10px;margin:16px 0 10px;padding:0}
.wb-care__kol li{position:relative;padding-left:22px;font-size:1.0625rem;line-height:1.4;color:var(--nx-navy);overflow-wrap:anywhere}
.wb-care__kol li::before{content:"";position:absolute;left:1px;top:.5em;width:8px;height:8px;transform:rotate(45deg);border:1px solid #8a6a2b}
.wb-care__kol .tekstlink{margin-top:auto}
.wb-care__voet{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;margin-top:28px;padding-top:16px;border-top:1px solid var(--nx-goud-zacht);font-size:.9375rem;line-height:1.5;color:var(--nx-tekst)}
.wb .nx-vloer .cta-note{color:var(--nx-tekst)}          /* de zachte kleur haalde op de Werkwijze-proef op een marmerader 4,0 (daar gemeten) */

/* slot: één primaire handeling */
.wb-slot{padding-bottom:clamp(72px,7.5vw,128px)}
.wb-slot__tekst{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:max-content max-content max-content 1fr;column-gap:clamp(32px,4.4vw,96px);align-items:start;padding-top:clamp(36px,4vw,56px);border-top:1px solid var(--nx-goud-lijn)}
.wb-slot__tekst > .eyebrow{grid-column:1;grid-row:1}
.wb-slot__tekst > h2{grid-column:1;grid-row:2 / span 3}
.wb-slot__tekst > .nx-lead{grid-column:2;grid-row:1 / span 2}
.wb-slot__acties{grid-column:2;grid-row:3;display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px;margin-top:26px}
.wb-slot__tekst > .cta-note{grid-column:2;grid-row:4;margin-top:10px}

/* ---------------------------------------------------------------- 861-1100 px */
@media (min-width:861px) and (max-width:1100px){
  .wb-lijst{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------------------------------------------------------------- tot 860 px: alles in één kolom */
@media (max-width:860px){
  .wb-sectiekop,.wb-mobiel,.wb-stations,.wb-care__rij{grid-template-columns:minmax(0,1fr)}
  .wb-sectiekop{align-items:start;margin-bottom:28px}
  .wb-lijst{grid-template-columns:minmax(0,1fr);gap:0}
  .wb-lijst li{flex-direction:row;gap:18px;padding:18px 0 22px}
  .wb-lijst .nr{flex:0 0 2.4rem;font-size:1.75rem}
  .wb-lijst p,.wb-mobiel__tekst > p:not(.wb-status),.wb-station__vak,.wb-care__kol .lead,.wb-care__kol li{font-size:1rem}
  .wb-telefoon{justify-self:start}
  .wb-care__as{height:1px;margin:30px 0;background:linear-gradient(90deg,var(--nx-goud),rgba(176,138,69,0))}
  .wb-slot{padding-bottom:88px}
  .wb-slot__tekst{display:block}
  .wb-slot__tekst > .nx-lead{margin-top:16px}
  .wb-slot__acties{flex-direction:column;align-items:flex-start;margin-top:22px}
}
@media (max-width:359px){
  .wb-care__kol header{grid-template-columns:auto minmax(0,1fr)}
  .wb-care__kol .pr{grid-column:1 / -1;flex-direction:row;align-items:baseline;gap:10px;text-align:left}
}
@media (prefers-contrast:more){
  .wb-lijst li,.wb-care__kol header{border-color:#131d33}
  .wb-care-kort{border-top-color:#0b2c29}
  .wb-scherm,.wb-station__werk,.wb-telefoon__toestel{box-shadow:0 0 0 2px #0b2c29}
}
@media (forced-colors:active){
  .wb-scherm,.wb-station__werk,.wb-telefoon__toestel{border:1px solid CanvasText}
  .wb-dot{background:CanvasText;forced-color-adjust:none}
}

/* RONDE 2 (05-10-2026, B139): de pagina houdt 28 px vrij onder een element dat de focus krijgt; een knop of link in de
   onderste rij stond na een Tab precies op de schermrand. (De Care-regel op 1024x768 staat hierboven bij 861-1100 px liggend.) */
html{scroll-padding-bottom:28px}
/* ronde 2, na de meting met grote letters en zoom: op een venster van 195-215 px (telefoon op zoom 200 %) en bij een letter van 32 px op 390 breed duwde een lang woord in de vier onderdelen de pagina 3-20 px breder; het tekstvak mag nu krimpen en het woord breekt af */
.wb-lijst li > div{min-width:0}
.wb-lijst h3,.wb-lijst p{overflow-wrap:anywhere}