/* Veelgestelde vragen (templates/partials/faq.html): details/summary, werkt zonder JS. */
.faq{max-width:820px;margin:clamp(48px,6vw,88px) 0 0}
.faq h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 0 24px}
.faq h2 b{font-weight:600}
.faq-item{border-top:1px solid var(--rand)}
.faq-item:last-of-type{border-bottom:1px solid var(--rand)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;
  list-style:none;padding:20px 4px;font-weight:600;font-size:17px;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:0 0 auto;font-family:var(--sans);font-weight:400;font-size:24px;line-height:1;color:var(--neon)}
.faq-item[open] summary::after{content:"\2212"}
.faq-item summary:hover{background:rgba(236,224,199,.05)}
.faq-item summary:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.faq-antwoord{padding:0 4px 22px;color:var(--gedempt)}
.faq-antwoord p{margin:0 0 .8em}
.faq-antwoord p:last-child{margin-bottom:0}
.faq-antwoord a{color:var(--beige)}