/* FAQ page: search, topic chips, animated accordion. Uses the site's colour variables (light + dark). */
.faq-tools{display:grid;gap:1rem;margin-bottom:1.4rem}
.faq-s input{width:100%;padding:1rem 1.3rem 1rem 3.2rem;border-radius:999px;font-size:1.05rem;background:var(--s) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230d7a78' stroke-width='2.4' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") no-repeat 1.1rem center}
.faq-c{display:flex;flex-wrap:wrap;gap:.55rem}
.faq-chip{padding:.55rem 1.1rem;border-radius:999px;border:1.5px solid var(--ln);background:var(--s);color:var(--ink);font:600 .92rem 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s}
.faq-chip:hover{transform:translateY(-2px);border-color:var(--teal2,#14b8a6)}
.faq-chip[aria-pressed=true]{background:linear-gradient(135deg,#0d7a78,#14b8a6);color:#fff;border-color:transparent;box-shadow:0 12px 22px -12px rgba(13,122,120,.9)}
.faq-m{display:flex;justify-content:space-between;align-items:center;color:var(--mu);font-size:.92rem}
.faq-all{background:none;border:0;color:var(--cr);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.faq-sos{display:block;padding:.9rem 1.2rem;margin-bottom:1.2rem;border-radius:18px;background:linear-gradient(120deg,rgba(217,67,43,.12),rgba(245,185,66,.18));border:1px solid rgba(217,67,43,.4);animation:sosPulse 3s ease-in-out infinite}
.faq-sos b{color:var(--sf)}.faq-sos a{font-weight:800;color:var(--sf)}
@keyframes sosPulse{0%,100%{box-shadow:0 0 0 0 rgba(217,67,43,.3)}50%{box-shadow:0 0 0 8px rgba(217,67,43,0)}}
.faq-i{position:relative;padding:0;overflow:hidden;border-radius:20px;border:1px solid var(--ln);background:color-mix(in srgb,var(--s) 94%,transparent);transition:box-shadow .35s,border-color .35s,transform .35s}
.faq-i:hover{transform:translateX(4px);box-shadow:0 18px 34px -26px rgba(13,122,120,.8)}
.faq-i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#14b8a6,#d9432b);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.faq-i[open]{border-color:var(--teal2,#14b8a6);box-shadow:0 24px 44px -28px rgba(13,122,120,.85)}
.faq-i[open]:before{transform:scaleY(1)}
.faq-i summary{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;cursor:pointer;list-style:none;font-weight:700}
.faq-i summary::-webkit-details-marker{display:none}
.faq-n{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font:800 .95rem 'Fraunces',serif;color:#fff;background:linear-gradient(135deg,#0d7a78,#14b8a6);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s}
.faq-i:hover .faq-n{transform:rotate(-8deg) scale(1.08)}
.faq-i[open] .faq-n{background:linear-gradient(135deg,#d9432b,#ff7d5c)}
.faq-q{flex:1;font-size:1.05rem}
.faq-x{flex:none;position:relative;width:28px;height:28px;border-radius:50%;background:var(--sf2,#e1f3ef);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s}
.faq-x:before,.faq-x:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.5px;margin:-1.25px 0 0 -6px;border-radius:2px;background:var(--cr);transition:transform .4s}
.faq-x:after{transform:rotate(90deg)}
.faq-i[open] .faq-x{transform:rotate(180deg);background:var(--cr)}
.faq-i[open] .faq-x:before,.faq-i[open] .faq-x:after{background:#fff}
.faq-i[open] .faq-x:after{transform:rotate(0)}
.faq-i .fa{padding:0 1.3rem 1.3rem calc(1.3rem + 42px + 1rem);color:var(--mu);line-height:1.75}
.faq-i[open] .fa{animation:faIn .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes faIn{from{opacity:0;transform:translateY(-10px)}}
.faq-i .fa p{margin:0}.faq-i .fa a{color:var(--cr);font-weight:700}
.faq-112{color:var(--sf);font-size:1.15em}
.faq-i.hide{display:none}
.faq-empty{text-align:center;padding:2rem;color:var(--mu);animation:faIn .4s both}
:root[data-t=dark] .faq-x{background:#123741}
@media(max-width:560px){.faq-i .fa{padding-left:1.3rem}.faq-n{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.faq-sos,.faq-i[open] .fa{animation:none}}