.cf-item{--faq-t:300ms;--faq-ease:cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--line)}
.cf-item:last-child{border-bottom:0}
.cf-qh{margin:0;font:inherit}
.cf-qb{all:unset;box-sizing:border-box;display:flex;width:100%;justify-content:space-between;align-items:center;gap:var(--s-24);padding:22px 0;cursor:pointer;
  font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--ink);text-align:left;-webkit-tap-highlight-color:transparent}
.cf-qb:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:4px}
.cf-qb i{flex:none;width:8px;height:8px;margin-right:var(--s-4);border-right:1.5px solid var(--ink-60);border-bottom:1.5px solid var(--ink-60);
  transform:translateY(-2px) rotate(45deg);transition:transform var(--faq-t) var(--faq-ease),border-color var(--faq-t) var(--faq-ease)}
.cf-item.open .cf-qb i{transform:translateY(2px) rotate(-135deg);border-color:var(--purple)}
.cf-aw{display:grid;grid-template-rows:0fr;visibility:hidden;
  transition:grid-template-rows var(--faq-t) var(--faq-ease),visibility 0s linear var(--faq-t)}
.cf-item.open .cf-aw{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows var(--faq-t) var(--faq-ease),visibility 0s}
.cf-ai{min-height:0;overflow:hidden}
.cf-aw .cf-a{opacity:0;transform:translateY(-6px);transition:opacity 150ms ease,transform var(--faq-t) var(--faq-ease)}
.cf-item.open .cf-aw .cf-a{opacity:1;transform:none;transition:opacity 220ms ease 80ms,transform var(--faq-t) var(--faq-ease)}
@media (prefers-reduced-motion:reduce){.cf-item *,.cf-item{transition:none !important}}
@media (max-width:720px){.cf-qb{padding:20px 0}}