/* ── FAQ: Layout uses .page from common.css ── */
main { flex: 1; }

/* FAQ accordion */
.faq-list { display: grid; gap: .6rem; }
.faq-item {
  background: var(--card); border: 1px solid var(--border); border-radius: 4px;
  overflow: hidden; transition: border-color .2s;
}
.faq-item:hover { border-color: var(--accent); }
.faq-question {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 1.25rem; cursor: pointer;
  font-size: calc(.95rem * var(--ts)); font-weight: 500;
  color: var(--ink); user-select: none; gap: 1rem;
}
.faq-question:hover { background: rgba(0,0,0,.015); }
.faq-chevron { font-size: .8rem; color: var(--muted); transition: transform .25s; flex-shrink: 0; }
.faq-item.open .faq-chevron { transform: rotate(180deg); }
.faq-answer { padding: 0 1.25rem; max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s ease; }
.faq-item.open .faq-answer { padding: 0 1.25rem 1.25rem; max-height: 600px; }
.faq-answer-text {
  font-size: calc(.88rem * var(--ts)); color: #444; line-height: 1.8;
  font-weight: 300; border-top: 1px solid var(--border); padding-top: .85rem;
}
.faq-empty { text-align: center; padding: 3rem; color: var(--muted); font-size: calc(.9rem * var(--ts)); }