/* Shared FAQ (config/faq.mjs stamps the same questions into each page that
   has a data-site-faq section). Colours come from the site theme. */
.home-faq{--home-ink:var(--site-ink,#fff);--home-muted:var(--site-muted,#DCE4FF);--home-line:var(--site-line,#6A83D3);--home-surface:var(--site-raised,#2448BB);--home-ease:cubic-bezier(.2,.8,.2,1);color:var(--home-ink)}
.home-faq h2{font-weight:800;color:var(--home-ink)}
.home-faq{max-width:1296px;margin:0 auto;padding:clamp(60px,8vw,110px) 5% clamp(40px,6vw,80px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(28px,5vw,80px);align-items:start;box-sizing:content-box}
.faq-head{position:sticky;top:110px}
.faq-head h2{margin:0;font-size:clamp(42px,4.6vw,66px);line-height:1;letter-spacing:-.055em}
.faq-head p{margin:16px 0 0;font-size:18px;line-height:1.5;color:var(--home-muted)}
.faq-action{grid-column:1/-1;display:flex;justify-content:center;margin-top:16px}
.faq-list{border-top:1px solid var(--home-line)}
.faq-item{border-bottom:1px solid var(--home-line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;cursor:pointer;list-style:none;font-size:clamp(17px,1.6vw,20px);font-weight:800;letter-spacing:-.02em;line-height:1.3;border-radius:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover span{color:var(--pb-blue)}
.faq-item summary:focus-visible{outline:3px solid var(--pb-blue);outline-offset:4px}
.faq-icon{position:relative;flex:none;width:34px;height:34px;border-radius:50%;background:var(--home-surface);transition:background .25s,transform .35s var(--home-ease)}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;border-radius:2px;background:var(--home-ink);transform:translate(-50%,-50%)}
.faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s var(--home-ease)}
.faq-item[open] .faq-icon{background:var(--pb-blue);transform:rotate(180deg)}
.faq-item[open] .faq-icon::before,.faq-item[open] .faq-icon::after{background:#fff}
.faq-item[open] .faq-icon::after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{padding:0 56px 24px 2px}
.faq-answer p{margin:0;font-size:17px;line-height:1.6;color:var(--home-muted);max-width:62ch}
.faq-link{display:inline-block;margin-top:10px;font-size:15px;font-weight:700;color:var(--pb-blue);text-decoration:underline;text-underline-offset:4px}
@supports (interpolate-size:allow-keywords){
  .home-faq{interpolate-size:allow-keywords}
  .faq-item::details-content{height:0;overflow:clip;transition:height .35s var(--home-ease),content-visibility .35s allow-discrete}
  .faq-item[open]::details-content{height:auto}
}
.home-faq .faq-link{color:var(--site-accent,#FFCE55)}
.home-faq .faq-item summary:hover span{color:var(--site-accent,#FFCE55)}
.home-faq .faq-item[open] .faq-icon{background:var(--site-ink,#fff)}
.home-faq .faq-item[open] .faq-icon::before,.home-faq .faq-item[open] .faq-icon::after{background:var(--site-canvas,#193BB5)}
@media(max-width:1000px){.home-faq{grid-template-columns:1fr}.faq-head{position:static}}
@media(max-width:700px){.home-faq{padding:56px 20px 40px;gap:22px}.faq-answer{padding-right:8px}}
@media(prefers-reduced-motion:reduce){.faq-item::details-content{transition:none}}