/* FAQ page v9: topic chips, grouped questions, sticky "still have a question?" card. Comp 6 Oct 2026. */
.fq .fq-wrap { display: grid; grid-template-columns: 5fr 7fr; gap: 56px; align-items: start; }
.fq-side { position: sticky; top: 100px; }
.fq-side h2 { margin: 18px 0 24px; }
.fq-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.fq-chips button { font: 500 14px var(--rf-font); border: 1px solid var(--line-2); background: none; color: var(--soft); border-radius: 10px; padding: 9px 14px; cursor: pointer; }
.fq-chips button[aria-pressed="true"] { background: var(--brand); color: var(--brand-ink); border-color: var(--brand); }
.fq-ask { margin-top: 34px; border: 1px solid var(--line-2); border-radius: 16px; background: var(--bg-2); padding: 22px 24px 24px; display: grid; gap: 10px; justify-items: start; }
.fq-hand { font: 700 28px/1 'Caveat', cursive; color: var(--brand); }
.fq-ask p { margin: 0 0 6px; color: var(--soft); font-size: 15px; }
.fq-ask .mail { font: 500 13px var(--mono); color: var(--accent); }
.fq-group { margin-bottom: 30px; } .fq-group[hidden] { display: none; }
.fq-gname { display: block; font: 600 12.5px var(--mono); color: var(--accent); letter-spacing: .04em; margin-bottom: 4px; }
.fq-group .qa:last-child { border-bottom: 1px solid var(--line); }
.review .qa.chk h3::before { content: 'CHECK'; font: 700 10px var(--mono); color: #fff; background: var(--node); border-radius: 4px; padding: 3px 6px; margin-right: 10px; align-self: center; }
@media (max-width: 900px) { .fq .fq-wrap { grid-template-columns: 1fr; gap: 30px; } .fq-side { position: static; } }
.review .qa.chk h3 { justify-content: flex-start; } .review .qa.chk h3::after { margin-left: auto; }