/* ------------------------------------------------------------------
 * Sjabloon: werkwijze (nieuwe insteek, 30 aug 2026)
 * Gedeelde kern in algemeen.css (VV2). De stappen staan hier
 * volledig uitgeklapt: dit is de verdiepingspagina.
 * ------------------------------------------------------------------ */
img{max-width:100%;height:auto}
.vv2 .wkop{background:var(--vv-papier);padding:64px 0 8px}
.vv2 .wkop h1{font-size:clamp(32px,4.4vw,52px);max-width:760px}
.vv2 .lead{margin-top:16px;max-width:680px;font-size:18px;color:var(--vv-inkt)}
.vv2 .legenda{margin-top:14px;font-size:14px;color:var(--vv-grijs);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.vv2 .legenda .rol{min-width:56px}
.vv2 .wlijf{padding-top:24px}
.vv2 .wlijf .tstap{padding:22px 0;border-top:1px solid var(--vv-rand)}
.vv2 .wrij{display:grid;grid-template-columns:52px 1fr 285px;gap:0 20px;align-items:start}
.vv2 .wvogel{display:flex;justify-content:center;padding-top:6px}
.vv2 .wvogel img{width:270px;height:auto}
/* De elf vogels stonden op sterk uiteenlopende schaal: hun vulling liep van 55%
 * tot 100% van het bronbestand en de verhoudingen verschilden. Op gelijke breedte
 * oogde een brede vogel daardoor veel kleiner. Ze zijn nu bijgesneden tot de vogel
 * zelf en geschaald op gelijk OPPERVLAK op een vierkant canvas van 400 px, dus een
 * vaste maat volstaat. De verhouding klopt nu ook met width=150 height=150. */
.vv2 .wlijf .n{font-family:Fraunces,Georgia,serif;color:var(--vv-tealdonker);font-weight:600;font-size:30px;line-height:1}
/* De staptitels zijn h2 geworden (30 aug 2026): de pagina had elf visuele
 * koppen die als span in de opmaak stonden, dus geen enkele h2 of h3. Deze
 * regel houdt het beeld exact gelijk door de h2-basisstijl terug te zetten. */
.vv2 .wlijf .titel{color:var(--vv-diep);font-weight:600;font-size:19px;display:block;
  font-family:Jost,'Segoe UI',Arial,sans-serif;line-height:1.35;letter-spacing:0;margin:0}
.vv2 .wlijf .mens{color:var(--vv-grijs);font-size:16px;line-height:1.6;display:block;margin:3px 0 4px;max-width:720px}
.vv2 .wlijf .acties{padding-top:8px}
.vv2 .wlijf .acties li{color:var(--vv-inkt);max-width:820px}
.vv2 .wslot{background:var(--vv-zand);padding:56px 0}
.vv2 .wslot .extrablok{margin-top:14px;max-width:none}
@media(max-width:700px){.vv2 .wrij{grid-template-columns:38px 1fr;gap:0 12px}.vv2 .wlijf .n{font-size:24px}.vv2 .wvogel{grid-column:2;justify-content:flex-start;padding-top:10px}.vv2 .wvogel img{width:150px}}