/* Aanvullingen op het bestaande Taaltuin-thema; geen externe fonts of requests. */
.ttf-content{color:#303631;overflow-wrap:anywhere}
.ttf-content .tile h2{font-size:25px;line-height:1.25;margin-bottom:14px}
.ttf-content .tile-grid{margin-top:26px}
.ttf-content .tile p,.ttf-content .step p{color:#505b52}
.ttf-content .panel h2,.ttf-practical h2{font-size:27px;margin:22px 0 12px}
.ttf-contact-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.ttf-content a:focus-visible,.ttf-mobile-contact a:focus-visible,.ttf-footer-note a:focus-visible{outline:3px solid #276749;outline-offset:4px;box-shadow:0 0 0 6px #f2c96d}
.ttf-content .button:focus-visible{outline-color:#303631}
.ttf-content a:not(.button){text-decoration:underline;text-underline-offset:3px}
.ttf-content .section-intro{max-width:760px}
.ttf-form{display:grid;gap:12px;margin-top:22px;max-width:620px}
.ttf-form label{font-weight:650;color:#1b4e37}
.ttf-form label span{font-weight:400;color:#505b52}
.ttf-form input:not([type=hidden]){width:100%;min-height:48px;border:1.5px solid #7b897e;border-radius:12px;background:#fff;padding:11px 14px;color:#303631;font:inherit}
.ttf-form input:focus-visible{outline:3px solid #276749;outline-offset:3px}
.ttf-form button{cursor:pointer;justify-self:start;white-space:normal;text-align:center}
.ttf-form p{font-size:15px;color:#505b52}
.ttf-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.ttf-privacy{border-top:1px solid #c4d1c4;padding-top:32px;margin-top:48px;max-width:850px;scroll-margin-top:125px}
.ttf-privacy h2{font-size:30px;margin-bottom:20px}
.ttf-privacy p{font-size:15px;line-height:1.8}
.ttf-form-panel{scroll-margin-top:125px}
.ttf-footer-note{background:#ecf0e8;text-align:center;padding:16px 20px;color:#303631;font-size:14px}
.ttf-mobile-contact{display:none}
.ttf-enhanced .footer-bottom,.ttf-enhanced .footer-bottom a{color:#4b594f}
.ttf-enhanced .footer-links a{display:inline-block;min-height:26px}
.ttf-enhanced .site-nav a:focus-visible,.ttf-enhanced .mobile-toggle:focus-visible{outline:3px solid #276749;outline-offset:3px;box-shadow:0 0 0 6px #f2c96d}
@media(max-width:820px){
 .ttf-content .hero{padding-top:42px;padding-bottom:48px}
 .ttf-content .section{padding:54px 0}
 .ttf-content .hero-layout,.ttf-content .intro-split,.ttf-content .section-split{min-width:0}
 .ttf-content .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ttf-content .text-lead{line-height:1.65}
}
@media(max-width:560px){
 .ttf-content .tile-grid{grid-template-columns:1fr}
 .ttf-contact-links{flex-direction:column;align-items:stretch}
 .ttf-contact-links .button{white-space:normal;min-height:48px}
 .ttf-content .panel{padding:24px 20px}
 .ttf-content .steps{gap:22px}
 .ttf-enhanced{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
 .ttf-mobile-contact{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1fr;background:#1b4e37;box-shadow:0 -3px 14px #0002;padding-bottom:env(safe-area-inset-bottom)}
 .ttf-mobile-contact a{display:flex;justify-content:center;align-items:center;min-height:54px;padding:12px;color:#fff;font-size:15px;font-weight:650;text-decoration:none}
 .ttf-mobile-contact a+a{border-left:1px solid #ffffff50;background:#276749}
 .ttf-content h1{font-size:clamp(36px,10vw,52px)}
}
@media(prefers-reduced-motion:reduce){.ttf-content *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Server-side errors remain legible with CSS and JavaScript disabled. */
.ttf-content .ttf-errors{border:2px solid #9b3838;background:#fff7f3;border-radius:14px;padding:20px;margin:22px 0;color:#702929;scroll-margin-top:120px}
.ttf-content .ttf-errors h3{font-size:23px;color:#702929;margin-bottom:10px}
.ttf-content .ttf-errors ul{padding-left:22px}
.ttf-content .ttf-errors a,.ttf-content .ttf-field-error{color:#702929}
.ttf-content .ttf-field-error{font-size:15px;margin:0 0 8px}
.ttf-content input[aria-invalid=true]{border-color:#9b3838;border-width:2px}
.ttf-content .hero-visual .bee-illustration{max-width:340px;width:68%;left:16%;top:8%}
@media(max-width:820px){.ttf-content .hero-visual .bee-illustration{width:50%;left:25%;top:1%;max-height:330px}}
@media(max-width:560px){.ttf-content .hero-visual .bee-illustration{width:65%;left:17.5%;top:3%}}