/* dedicated FAQ: grouped, short, quotable */
.faq-lede { font-family: var(--serif); font-size: 1.06rem; line-height: 1.55; color: var(--quiet); max-width: 62ch; }
.faq-group { margin-top: clamp(2rem, 4vw, 3rem); }
.faq-group > h2 { font-family: var(--grot); font-weight: 800; font-size: clamp(1.3rem,2.6vw,1.7rem);
                  letter-spacing: -.034em; color: var(--teal-deep); }
.faq-group .qa-list { margin-top: 1rem; }
.faq-group .qa { grid-template-columns: minmax(0,22rem) minmax(0,1fr); }

/* pages.css collapses .qa to one column under 800px at (0,1,0); the rule above
   is (0,2,0) and unconditioned, so it won the cascade at every width and the
   answer column computed to 0px - 488px of content in a 390px viewport. */
@media (max-width: 800px) {
  .faq-group .qa { grid-template-columns: minmax(0, 1fr); gap: .45rem; }
}