/* Page FAQ */
.faq-layout { --cols: minmax(0, 4fr) minmax(0, 8fr); align-items: start; }
.faq-side { display: flex; flex-direction: column; gap: 20px; }
.faq-cats { display: flex; flex-direction: column; gap: 6px; }
.faq-cat {
  all: unset; box-sizing: border-box; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 14px 18px; border-radius: 12px; background: #fff; color: var(--ink);
  font: 600 15px/1.2 var(--font-body); transition: background .3s, color .3s;
}
.faq-cat:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.faq-cat.is-active { background: var(--brand); color: #fff; }
.faq-cat__n { font: 600 13px/1 var(--font-body); opacity: .7; }
.faq-help { margin-top: 12px; padding: 24px; border-radius: 16px; background: var(--deep); color: #fff; display: flex; flex-direction: column; gap: 12px; }
.faq-help__title { font: 600 22px/1.2 var(--font-display); }
.faq-help__text { font: 400 14px/1.55 var(--font-body); color: var(--line); }
.faq-help .btn { align-self: flex-start; }