/* Veelgestelde vragen — formele pagina: statisch, droog, echt van vorm. */

.pkop h1{max-width:none;font-size:clamp(2.4rem,6.4vw,4.6rem)}
.faq-sectie{padding-bottom:clamp(60px,9vw,120px)}

.faq-inhoud ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.95rem}
.faq-inhoud{padding:16px 0;border-block:1px solid var(--glas-rand)}

.faq h2{padding-bottom:.5em;border-bottom:1px solid var(--glas-rand)}
.faq h2+.faq-groep{margin-top:0}

.faq details{border-bottom:1px solid var(--glas-rand)}
.faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:17px 2px;cursor:pointer;list-style:none;
  font-weight:600;font-size:1.04rem;line-height:1.4;letter-spacing:-.01em;color:var(--tekst)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:300 1.25rem/1 var(--mono);color:var(--tekst-dof)}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--lila)}
.faq summary:focus-visible{outline-offset:-2px}
.faq-antwoord{padding:0 2px 22px;max-width:64ch}
.faq-antwoord p+p{margin-top:1em}

.faq .voetnoot{margin-top:3em}

@media (max-width:520px){
  .faq summary{font-size:1rem;padding:15px 0}
}