/* Verbouwpunt: projectpagina’s en interne verwijzingen */
.vp-guides{padding:48px 0}.vp-guides h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:12px 0 16px;color:var(--navy)}.vp-guides>p{max-width:68ch;color:var(--muted);margin-bottom:24px}.vp-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.vp-guide-card{display:flex;flex-direction:column;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;transition:box-shadow .2s,border-color .2s}.vp-guide-card:hover{border-color:var(--teal);box-shadow:var(--shadow-sm)}.vp-guide-card h3{font-size:1.35rem;color:var(--navy);line-height:1.2}.vp-guide-card p{font-size:.95rem;color:var(--muted);flex:1}.vp-guide-card span{color:var(--teal);font-size:.9rem;font-weight:700}.vp-info{padding:48px 0;border-bottom:1px solid var(--line)}.vp-info h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--navy);margin-bottom:20px}.vp-info h3{font-size:1.4rem;color:var(--navy);margin-bottom:12px}.vp-info p{margin:0 0 16px;max-width:76ch}.vp-info a:not(.btn),.vp-sources a,.vp-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.vp-info a:not(.btn){color:var(--teal);font-weight:600}.vp-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0}.vp-info-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px}.vp-info-card p:last-child{margin-bottom:0}.vp-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.vp-checklist{padding-left:1.25rem}.vp-checklist li{margin:0 0 12px}.vp-example{border-left:4px solid var(--gold);padding:24px;background:var(--paper);margin-top:30px}.vp-example h3{font-size:1.25rem}.vp-example p:last-child{margin-bottom:0}.vp-sources{background:#eeeee6;border-radius:14px;padding:28px;margin:30px 0 0}.vp-sources p{font-size:1rem;margin-bottom:12px}.vp-sources p:last-child{margin-bottom:0}.vp-breadcrumb{font-size:.85rem;color:#dce5e9;margin-bottom:24px}.vp-breadcrumb span{padding:0 8px}.vp-related{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.vp-related ul{padding-left:1.25rem}.vp-related li{margin-bottom:10px}.lp-hero h1{overflow-wrap:normal}.lp-hero .vp-platform{font-size:.95rem;color:#dce5e9}.vp-guides a:focus-visible,.vp-info a:focus-visible,.vp-breadcrumb a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.lp-content .vp-related{max-width:800px;margin:36px auto 0}.lp-content .vp-related a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.lp-content .vp-related h2{font-size:1.6rem}.lp-faq summary{line-height:1.5}.footer-bottom .badges{flex-wrap:wrap}.lp-hero .btn{max-width:100%}
@media(max-width:960px){.vp-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-info-grid{grid-template-columns:1fr}.vp-columns{gap:28px}}
@media(max-width:600px){.vp-guide-grid,.vp-columns{grid-template-columns:1fr}.vp-guides,.vp-info{padding:32px 0}.vp-info-card,.vp-sources{padding:22px}.vp-guide-card{padding:22px}.lp-hero h1{font-size:2.2rem;line-height:1.12}.vp-breadcrumb{line-height:1.8}.footer-bottom{gap:16px}}
.lp-grid>*{min-width:0}.lp-hero h1,.vp-info h2,.vp-info h3,.vp-guide-card h3{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:600px){.site-header .nav{gap:8px}.site-header .nav-cta{gap:4px}}
@media(max-width:360px){.site-header .brand{font-size:1.2rem;gap:6px}.site-header .brand .mark{width:28px;height:28px}.site-header .nav-cta .login{font-size:.82rem;padding:4px}.site-header .hamburger{padding:6px}.lp-hero .eyebrow{letter-spacing:.12em}}
.pro-inner>*{min-width:0}.pro .btn{white-space:normal;line-height:1.4;max-width:100%}.service-card h3{overflow-wrap:anywhere;hyphens:auto}