/* ==========================================================================
   Greensnake — FAQ
   --------------------------------------------------------------------------
   Almost entirely the shared kit: page-head, section-head and the disclosure
   row from components.css. What is here is the group rhythm and the numbering.
   ========================================================================== */
.faq-page { background: var(--green-900); }

.faq-groups__inner {
  display: grid;
  gap: var(--section-y-sm);
}

.faq-group .section-head { margin-bottom: var(--gap-head); }

.faq-row__num {
  flex: none;
  width: 2ch;
  padding-top: 3px;
  font-family: var(--font-mono);
  font-size: var(--step-micro);
  letter-spacing: 0.06em;
  color: var(--lime);
}
/* 1 -> 01, without asking anyone to type the zero */
.faq-row__num::before { content: "0"; }

.faq-row .row__title { margin-top: 0; }
.faq-row__body { padding-left: calc(var(--space-6) + 2ch + var(--space-4)); }
.faq-row__body p { margin: 0; max-width: 72ch; }

@media (max-width: 560px) {
  .faq-row__body { padding-left: var(--space-4); }
}