/* ==========================================================================
   08 · FAQ
   Two blocks on the warm sand ground: a 4-column intro and an 8-column
   accordion, folding to one column below 1200 exactly as the reference does.

   There is almost no paint here. The rules, the plus/minus mark, the question
   and answer type all arrive with the shared `.rb-accordion`. This file sets
   the column spans and — the one thing this section owns — the row rhythm.

   RHYTHM (the FAQ spacing fix, sanctioned by the contract). The reference
   shipped 24/24 trigger padding against a 48px answer bottom plus 64px of
   row air: 112px trailed every open answer while only 24px led it. The
   rebalanced beat, all on the 8px scale:

     rule → 24 → question → 16 → answer → 32 → rule        (open row)
     rule → 24 → question → 16 ·· 32 air ·· rule           (closed row)

   Each hairline still sits 24px above the question below it and 48px below
   the row above — the lid asymmetry that makes the list read as an editorial
   index rather than a settings panel, just without the dead air.
   ========================================================================== */

/* --- Columns --------------------------------------------------------------
   4 / 8 at desktop; both go full-width below 1200, where the reference stacks.
   -------------------------------------------------------------------------- */
.rb-faq__intro {
  --rb-span-m: 4;
  --rb-span-t: 8;
  --rb-span-d: 4;
}

.rb-faq__list {
  --rb-span-m: 4;
  --rb-span-t: 8;
  --rb-span-d: 8;
}

/* Stacked, the joint between intro and accordion is 32px. The column gap stays
   the grid's own 24px, which is all that runs between them at desktop. */
.rb-faq__grid { row-gap: var(--rb-ref-space-7); }

/* --- Row rhythm ----------------------------------------------------------- */

/* 32px of air under every row. Padding on the item, not a `gap` on the list,
   so the closing rule — the last item's own bottom border — lands on the same
   beat as every other. */
.rb-faq__list .rb-accordion__item { padding-block-end: var(--rb-ref-space-7); }

/* 24 above the question, 16 below it — the 16 is also the question→answer
   joint when the row is open, so the answer reads as the question's own
   continuation rather than a separate paragraph. */
.rb-faq__list .rb-accordion__trigger {
  padding-block: var(--rb-ref-space-6) var(--rb-ref-space-4);
}

/* The component's 48px answer tail goes; the row's own 32px air is the beat
   after an open answer. The 60ch measure arrives with the component. */
.rb-faq__list .rb-accordion__answer { padding-block: 0; }

/* --- Question heading -----------------------------------------------------
   The <h3> is a level, not a look: it exists so each trigger is exposed as a
   real heading. The shared `__question` span carries the type, so the wrapper
   must not contribute any of its own.
   -------------------------------------------------------------------------- */
.rb-faq__question-heading { font: inherit; }