/* ───────────────────────────────────────────────── faq (leads /faq)

   The FAQ was an accordion at the foot of /welcome. It is its own page now,
   and everything on it is open: a question is a heading with its answer under
   it, nothing to click.

   Most of what it needs already exists in panel.css - `.faq` is the centred
   46em column with the rule across the top, and `.faq-a` styles the answer
   prose. Only the item itself is new, because a <details> was doing that job
   and there is no <details> here any more. */

.faq-item { border-bottom: 1px solid var(--line); padding: 22px 0 0; }

/* The size and weight the <summary> carried, minus the flex row and the
   pointer: it is a heading now, not a control. */
.faq-q {
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: var(--text);
  margin-bottom: 10px;
}

/* panel.css holds 34px of right padding off the answer to clear the +/- icon
   the summary used to carry. There is no icon now, so the answer gets the
   full column. */
.faq-item .faq-a > div { padding: 0 0 22px; }