/**
 * Section: FAQ
 *
 * Re-ported in Phase 2 from _mockups/index.html `.c-faq` / `.c-faq-cta`. One
 * page, no drift to resolve.
 *
 * THIS FILE DECLARES NO ACCORDION RULE, AND THAT IS THE POINT OF IT.
 *
 * The <details> card, the summary row, the plus that rotates to a cross and the
 * open-state gold border are `.pasia-accordion` in assets/css/components.css,
 * which is enqueued on every page. Three surfaces need them: this section,
 * `faq-groups`, and Phase 4's taxonomy-helper_category.php.
 * inc/enqueue.php loads assets/css/sections/<id>.css only on pages whose stack
 * contains that section, and _mockups/faq.html is page-head + faq-groups +
 * cta-dark with no `faq` section on it, so anything shared parked in this file
 * would ship the site's own FAQ page with every <details> bare. There is no
 * `.pasia-accordion` selector anywhere below, deliberately: the stack's measure
 * hangs off `.faq-list`, which is this section's own class, so the two owners
 * never meet. docs/pasia-section-inventory.md §0 and §F8.
 *
 * What is left is genuinely this section's: the measure of the stack, and the
 * centred button row under it.
 *
 * CONTRAST, measured on the PASIA palette rather than assumed. This file sets
 * no colour, so what follows is the ground this section chooses and what the
 * shared component's own colours measure on it. The band is `.section.tint`,
 * which is --paper, and the accordion cards are --paper as well, separated by
 * the --line hairline and --shadow-s exactly as index.html has them:
 *
 *   summary        --ink       #14231f  on --paper #ffffff   16.28:1
 *   summary:hover  --pine      #16564b  on --paper #ffffff    8.51:1
 *   answer         --ink-soft  #45524d  on --paper #ffffff    8.18:1
 *   the + marker   --gold-deep #7e622e  on --gold-tint-10
 *                                       over --paper          5.17:1
 *   .ph-badge      --gold-deep #7e622e  on --paper #ffffff    5.72:1
 *
 * All clear WCAG AA for normal text. --gold on the open-state border and --line
 * on the resting one are decorative edges, not text, and not a control's only
 * affordance: the marker rotates as well.
 *
 * The last hardcoded display size in assets/css/sections/ was the starter's
 * flat 24px marker size on this file's old line 67, and it was the final hit on
 * the inventory §A.3 gate. It is gone, and this file now sets no font size at
 * all, so `grep -rnE 'font-size:\s*[0-9.]+(px|rem)' assets/css/sections/`
 * returns nothing. Written that way on purpose: a literal in this comment would
 * keep the gate red for the next auditor who runs it.
 *
 * Tokens only, no literals.
 */

/* ---------------------------------------------------------------------------
 * The stack's measure.
 *
 * index.html holds the accordions to --container-narrow inside the full
 * container, so the questions sit under the centred head rather than running
 * the width of the page. `faq-groups` does not want this, because its
 * accordions live in the content column of a two-column grid, and Phase 4's
 * category template does not want it either. So it is here, on this section's
 * own class, rather than on the shared component.
 * ------------------------------------------------------------------------ */
.faq-list {
  max-width: var(--container-narrow);
  margin-inline: auto;
}

/* ---------------------------------------------------------------------------
 * The button row under the questions, "Read the full FAQ" on index.html.
 * `.btn` and `.btn-ghost` are primitives and live in tokens.css.
 * ------------------------------------------------------------------------ */
.faq-cta {
  display: flex;
  justify-content: center;
  margin-top: var(--s-4);
}