/* ═══════════════════════════════════════════════════════════════════════════
   FAQ PAGE: ORIGINAL APPEARANCE
   Loaded on faq.html only, after every shared stylesheet. Restores the page
   as it shipped in commit 23d50ea (deep forest green, warm off-white type,
   near-transparent question tiles and dark topic counters) on top of the
   newer site-wide surface system, which is
   left untouched everywhere else. The shared header and footer are not
   changed here, so navigation stays identical across pages.

   Values are the original tokens from style.css at 23d50ea:
     --green-bg #26503c   --white #ecebe9   --deep #10281e
   ═══════════════════════════════════════════════════════════════════════════ */

body[data-page='faq'] {
  --faq-ground: #26503c;
  --faq-deepest: #10281e;
  --faq-text: #ecebe9;
  --faq-muted: rgba(236, 235, 233, 0.78);
  background: var(--faq-ground);
}

/* Original token values inside the page body, so every rule that reads
   --text / --white / --text-muted resolves as it did. */
body[data-page='faq'] .page-main {
  --white: var(--faq-text);
  --text: var(--faq-text);
  --text-muted: var(--faq-muted);
  --forest-deep: var(--faq-ground);
  --forest-deepest: var(--faq-deepest);
  background: var(--faq-ground);
  color: var(--faq-text);
}

body[data-page='faq'] .page-main .sx {
  background: var(--faq-ground);
  color: var(--faq-text);
}

/* Topic links and direct question URLs clear the permanent header banner. */
body[data-page='faq'] .fq__group,
body[data-page='faq'] .sx-faq__item,
body[data-page='faq'] .fq__ask { scroll-margin-top: clamp(140px, 12vw, 180px); }

body[data-page='faq'] .sx__eyebrow,
body[data-page='faq'] .sx__title,
body[data-page='faq'] .fq__group-title,
body[data-page='faq'] .sx-faq__item summary,
body[data-page='faq'] .sx-faq__chev {
  color: var(--faq-text);
}

body[data-page='faq'] .sx__lede,
body[data-page='faq'] .sx-faq__answer {
  color: var(--faq-muted);
}

/* Topic index: plain editorial text links, not pills or underlined chips. */
body[data-page='faq'] .fq__chip {
  padding: 8px 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: var(--faq-text);
  text-decoration: none;
}
body[data-page='faq'] .fq__chip:hover {
  background: transparent;
  color: #91c4ab;
}
body[data-page='faq'] .fq__count {
  min-width: auto;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #91c4ab;
}

/* Editorial accordion: spacing and typography separate questions, with no
   rules or card outlines. */
body[data-page='faq'] .fq .sx-faq__list { gap: 0; }
body[data-page='faq'] .fq .sx-faq__item {
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: none;
}
body[data-page='faq'] .fq .sx-faq__item + .sx-faq__item { margin-top: 12px; }
body[data-page='faq'] .fq .sx-faq__item:hover,
body[data-page='faq'] .fq .sx-faq__item[open],
body[data-page='faq'] .fq .sx-faq__item:target {
  background: transparent;
}

/* "Still have a question?" follows the shared near-white closing-band system
   so the page transitions cleanly into the global footer. */
body[data-page='faq'] .page-main .fq__ask {
  background: #f6f5f3;
  color: var(--faq-ground);
}
body[data-page='faq'] .fq__ask .sx__title,
body[data-page='faq'] .fq__ask .hc__link {
  color: var(--faq-ground);
}
body[data-page='faq'] .fq__ask .sx__lede {
  color: rgba(38, 80, 60, 0.78);
}