/* WBL faq-accordion (original). Native <details>: find-in-page, no-JS and keyboard safe. Where the browser can
   animate to height:auto (::details-content + interpolate-size: Chrome/Edge 131+), CSS does the glide and module.js
   steps aside; elsewhere module.js glides the answer with the Web Animations API. */
.wbl-faq{max-width:68ch;color:var(--wbl-ink,#211B17);border-top:1px solid var(--wbl-line,#D6CABA)}
.wbl-faq details{border-bottom:1px solid var(--wbl-line,#D6CABA)}
.wbl-faq summary{display:flex;align-items:center;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font-weight:650;font-size:18px;line-height:1.3}
.wbl-faq summary::-webkit-details-marker{display:none}
.wbl-faq summary::after{content:"";flex:none;margin-left:auto;width:14px;height:14px;
  background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.wbl-faq details[open]>summary::after{transform:rotate(135deg)}
.wbl-faq summary:focus-visible{outline:3px solid var(--wbl-accent,#8E3B2E);outline-offset:2px}
.wbl-faq-a{padding:0 0 18px;font-size:17px;line-height:1.55}
.wbl-faq-a p{margin:0 0 .6em;max-width:none}.wbl-faq-a p:last-child{margin:0}
@supports (interpolate-size:allow-keywords) and selector(::details-content){
  .wbl-faq{interpolate-size:allow-keywords}
  .wbl-faq details::details-content{block-size:0;overflow-y:clip;opacity:0;transition:block-size .32s cubic-bezier(.2,.8,.2,1),opacity .25s,content-visibility .32s allow-discrete}
  .wbl-faq details[open]::details-content{block-size:auto;opacity:1}
}
@media (min-width:900px){.wbl-faq--split{display:grid;grid-template-columns:1fr 2fr;gap:40px;max-width:none;border-top:0}.wbl-faq--split>.wbl-faq{max-width:none}}
@media (prefers-reduced-motion:reduce){.wbl-faq summary::after,.wbl-faq details::details-content{transition:none!important}}