#verbeteropgave{scroll-margin-top:80px}
#contact.home-contact{background:#0d1b2a;color:#f5f0e8;padding:5.5rem 5%;scroll-margin-top:64px}
#contact .home-contact-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}
.home-contact-intro{padding-top:1.5rem}
.contact-eyebrow{color:#e8c56a;font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
#contact #contact-title{font-family:'Playfair Display',Georgia,serif;font-size:2.3rem;line-height:1.2;font-weight:400;color:#fff;margin:0 0 1.2rem}
.contact-lead{color:#dce1e6;font-size:1.05rem;line-height:1.8;max-width:42ch;margin-bottom:2rem}
.home-contact-intro h3{color:#fff;font-size:1rem;margin-bottom:.8rem}
.contact-outcomes{padding-left:1.2rem;color:#dce1e6;margin:0 0 2rem;line-height:1.75}
.contact-outcomes li{padding-left:.25rem;margin-bottom:.65rem}.contact-outcomes li::marker{color:#c9a84c}
.contact-direct{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem;font-size:.95rem}.contact-direct a{color:#dce1e6;text-underline-offset:4px}
#contact .home-contact-form{padding:2rem!important;background:#192a3b;border:1px solid #344657;border-radius:8px;min-width:0}
.home-contact-form h3{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;font-weight:400;line-height:1.3;color:#fff;margin:0 0 .4rem}
.contact-response{color:#dce1e6;font-size:.9rem;margin:0 0 1.5rem}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.contact-field{margin-bottom:1rem}
.home-contact-form label{display:block;font-size:.9rem;font-weight:600;color:#f5f0e8;margin-bottom:.4rem}.home-contact-form label span{font-weight:400;color:#c4cdd6}
.home-contact-form input:not([type=hidden]),.home-contact-form textarea{box-sizing:border-box;width:100%;padding:.7rem .8rem;font:inherit;font-size:1rem;color:#fff;background:#24394d;border:1px solid #718293;border-radius:4px}.home-contact-form textarea{resize:vertical;min-height:110px;display:block}
#contact .home-contact-form .form-note{color:#c4cdd6;font-size:.8rem;line-height:1.6;margin:1.1rem 0}.home-contact-form .form-note a{color:#f5f0e8;text-underline-offset:3px}
.contact-submit{display:block;width:100%;background:transparent;color:#f5f0e8;border:1px solid #c9a84c;border-radius:4px;padding:.85rem 1rem;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.contact-submit:hover{background:#c9a84c;color:#0d1b2a}.contact-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){#contact .home-contact-grid{grid-template-columns:1fr;gap:2.5rem}.home-contact-intro{padding-top:0}}
@media(max-width:600px){#contact #contact-title{font-size:1.8rem}#contact .home-contact-form{padding:1.4rem!important}.contact-fields{grid-template-columns:1fr}.contact-direct{flex-direction:column;gap:.65rem}}

#contact .contact-direct{display:flex;flex-direction:column;gap:.25rem;list-style:none;padding:0;margin:1.5rem 0 0}#contact .contact-direct a{display:inline-flex;align-items:center;gap:.8rem;min-height:40px;text-decoration:none}#contact .contact-direct a:hover span{text-decoration:underline;text-underline-offset:4px}#contact .contact-direct svg{flex:none;color:#e8c56a}

/* Keep the audience and improvement choices visually connected. */
#doelgroepen{padding-bottom:2rem}#doelgroepen .site-grid{margin-bottom:0}#verbeteropgave{padding-top:2.5rem}
@media(max-width:900px){#doelgroepen{padding-bottom:1.25rem}#verbeteropgave{padding-top:1.5rem}}
