/* Gegenereerd door bouw_lokaal.py uit ../go-site/sections/faq.css. Niet met de hand wijzigen. */
/* Veelgestelde vragen. Prefix .ezf- ; native details/summary, geen script. Gebruikt globale --navy, --orange, --orange-light, .container en .eyebrow */
.ezf{padding:5rem 0;background:#fff}
.ezf-head{max-width:720px;margin:0 auto 2.5rem;text-align:center}
.ezf-head .eyebrow{display:inline-block;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:var(--orange,#ef951a);margin-bottom:.75rem}
.ezf-head h2{margin:0 0 .75rem}
.ezf-head p{color:#4b5563;font-size:1.0625rem;margin:0}

.ezf-list{max-width:820px;margin:0 auto;display:grid;gap:.75rem}
.ezf-item{background:#f7f9fc;border:1px solid #e5e9f2;border-radius:14px;transition:box-shadow .2s,border-color .2s}
.ezf-item[open]{background:#fff;border-color:rgba(20,41,147,.25);box-shadow:0 18px 40px -26px rgba(20,41,147,.45)}
.ezf-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;font-family:'Lexend',system-ui,sans-serif;font-weight:600;font-size:1.0625rem;line-height:1.35;color:var(--navy,#142993);min-height:48px}
.ezf-item summary::-webkit-details-marker{display:none}
.ezf-item summary::after{content:"";flex-shrink:0;width:30px;height:30px;border-radius:999px;background:var(--orange,#ef951a);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v14h-2z'/%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E") center/18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v14h-2z'/%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .25s,background .2s}
.ezf-item[open] summary::after{transform:rotate(45deg);background:var(--navy,#142993)}
.ezf-item summary:hover{color:#0f1f6e}
.ezf-item summary:focus-visible{outline:3px solid var(--orange,#ef951a);outline-offset:2px;border-radius:14px}
.ezf-answer{padding:0 1.25rem 1.25rem}
.ezf-answer p{margin:0;font-size:1rem;line-height:1.65;color:#374151}
.ezf-answer a{color:var(--navy,#142993);font-weight:700;text-decoration:underline;text-underline-offset:3px}


@media (max-width:640px){
  .ezf{padding:3.5rem 0}
  .ezf-item summary{font-size:1rem;padding:.95rem 1rem}
  .ezf-answer{padding:0 1rem 1rem}
}
@media (prefers-reduced-motion:reduce){
  .ezf-item,.ezf-item summary::after{transition:none}
}

/* Alleen voor deze lokale kopie. */
.ezf .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.ezf-head h2{font-size:clamp(1.375rem,4vw + 0.25rem,1.875rem);font-weight:800}
