/* FAQ accordion. Shared by the kc/faq block and the FAQ page. Values from the Faq design. */
.qa{border-bottom:1px solid var(--line)}
.qa:first-of-type{border-top:1px solid var(--line)}
.qa-h{margin:0}
.q{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 0;margin:0;background:none;border:0;color:var(--text);font:inherit;font-size:clamp(17px,1.5vw,19px);font-weight:500;line-height:1.4;letter-spacing:-.01em;text-align:left;cursor:pointer;transition:color 150ms ease}
.q:hover{color:var(--hi)}
.pm{flex:none;width:28px;height:28px;border-radius:8px;border:1px solid var(--ctl);display:grid;place-items:center;color:var(--muted);transition:transform 250ms cubic-bezier(.2,.7,.2,1),border-color 150ms ease,color 150ms ease,background-color 150ms ease;margin-top:-1px}
.q:hover .pm{border-color:var(--ctl-h);color:var(--hi)}
.q[aria-expanded="true"] .pm{transform:rotate(45deg);border-color:var(--acc-fg);color:var(--acc-fg)}
.ans{padding:0 56px 26px 0;color:var(--muted);max-width:62ch;animation:ansIn 260ms cubic-bezier(.2,.7,.2,1)}
.ans[hidden]{display:none}
.ans p{margin:0}
.ans p + p{margin-top:.8em}
.ans a{color:var(--text);text-decoration:underline;text-decoration-color:var(--acc-fg);text-underline-offset:3px}
@keyframes ansIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:640px){.ans{padding-right:0}}
@media (prefers-reduced-motion:reduce){.ans{animation:none !important}}