/* Expandable FAQ section. Uses the site colour tokens. */
.faqx{padding-block:72px}
.faqx h2{font-size:clamp(28px,3.8vw,42px);margin:14px 0 10px;max-width:20em}
.faqx-lede{color:var(--muted);font-size:19px;margin:0 0 20px;max-width:40em}
.faqx-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.faqx-all{font:600 15px var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;cursor:pointer}
.faqx-all:hover{border-color:var(--accent)}
.faqx-more{font:600 15px var(--f-body);color:var(--accent);text-decoration:none}
.faqx-more:hover{text-decoration:underline}
.faqx-list{max-width:52em}
.faqx-i{border-top:1px solid var(--line)}
.faqx-i:last-child{border-bottom:1px solid var(--line)}
.faqx-i summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0;font:700 clamp(18px,2vw,21px)/1.3 var(--f-display);color:var(--ink)}
.faqx-i summary::-webkit-details-marker{display:none}
.faqx-i summary::after{content:"+";font:500 26px/1 var(--f-mono);color:var(--accent);flex:none}
.faqx-i[open] summary::after{content:"\2212"}
.faqx-i summary:hover{color:var(--accent)}
.faqx-a{padding:0 0 22px;max-width:46em}
.faqx-a p{color:var(--muted);font-size:18px;margin:0 0 14px}
.faqx-a .short{color:var(--ink);font-size:19px}
.faqx-a .short b{font-weight:600}
.faqx-a ul{color:var(--muted);font-size:18px;margin:0 0 14px;padding-left:22px}
.faqx-a li{margin-bottom:8px}
.faqx-a a{color:var(--accent)}
.faqx-a li b{color:var(--ink)}
/* FAQ hub page */
.fcats{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 28px}
.fcat{font:600 16px var(--f-body);padding:9px 16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px}
.fcat[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.fgroup h3{font:500 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin:36px 0 6px}
.fgroup[hidden]{display:none}
@media (max-width:900px){.faqx{padding-block:56px}}