/* /questions — an index of questions, not five landing pages.

   The page used to be five stacked `.section` blocks. Each carries
   --gap-section (5.5-8rem) of padding top AND bottom, so consecutive headings
   sat 11-16rem apart: a reader could not see that a second group existed
   without scrolling past a screen of nothing. One section now, with the groups
   spaced by a normal heading gap. */

.questions .qa-group + .qa-group { margin-top: 3rem; }

.questions .qa-group h2.section-title {
  font-size: var(--t-sub);
  margin-bottom: 0;
}

/* styles.css gives .qa a 2.5rem top margin, which is right when it follows a
   page's lead paragraph and too much when it follows its own heading. */
.questions .qa-group .qa { margin-top: 0.75rem; }

.questions .prose { margin-bottom: 2.5rem; }