/* =========================================================
   site-faqs.css
   Shared styles for FAQ answer content that is loaded via
   JS fetch and injected (innerHTML) into FAQ containers.

   Loaded site-wide on every new page by the chrome template
   (see PROJECT.md section 2 -- "What the new-page template
   loads"). No per-page registration needed.

   Loading the answers after page load does not matter -- these
   rules apply to dynamically inserted DOM just the same.

   Primary scope is the new accordion's .faq__answer container.
   If you reuse the same fragment files on legacy table-based
   FAQ pages, add the .faq__answer class (or extend the selectors
   below) to those injection <div>s so one rule covers everything.
   ========================================================= */

.faq__answer {
  line-height: 1.6;
}

/* ---- Paragraphs ---- */
.faq__answer p {
  margin: 0 0 1em;
}
.faq__answer p:last-child {
  margin-bottom: 0;
}

/* Subheads written inline as <p style="font-weight:700"> still
   work on their own; this just adds a little breathing room above. */
.faq__answer p[style*="font-weight:700"],
.faq__answer p[style*="font-weight: 700"] {
  margin-top: 1.25em;
}

/* ---- Lists: restore the bullets the base/reset CSS strips ----
   The class is doubled (.faq__answer.faq__answer) ON PURPOSE: the product
   pages carry base resets like `.page-X ul { list-style: none }` and
   `.page-X a { text-decoration: none; color: inherit }` at (0,1,1)
   specificity, and this shared file loads BEFORE the page CSS -- so at
   equal specificity the reset wins on source order and the bullets/links
   vanish (WOZ bug, July 2026). Doubling the class lifts these selectors to
   (0,2,x) so they win regardless of load order, while staying independent
   of any ancestor markup (fragments may be injected on legacy pages with
   only the .faq__answer class present). */
.faq__answer.faq__answer ul {
  list-style: disc outside;   /* re-assert the marker */
  margin: 0 0 1em;
  padding-left: 1.5em;        /* room for the bullet so it isn't clipped */
}
.faq__answer.faq__answer ul li {
  margin-bottom: 0.5em;
  padding-left: 0.15em;
}
.faq__answer.faq__answer ul li:last-child {
  margin-bottom: 0;
}

/* Nested lists */
.faq__answer.faq__answer ul ul {
  list-style: circle outside;
  margin: 0.5em 0 0;
}

/* Ordered lists, in case any FAQ uses them */
.faq__answer.faq__answer ol {
  list-style: decimal outside;
  margin: 0 0 1em;
  padding-left: 1.6em;
}
.faq__answer.faq__answer ol li {
  margin-bottom: 0.5em;
}

/* ---- Links ---- */
.faq__answer.faq__answer a {
  color: var(--color-accent, #4792bc); /* page accent; site primary fallback
                                          for pages without the alias */
  text-decoration: underline;
  text-underline-offset: 2px;
}
.faq__answer.faq__answer a:hover {
  color: var(--color-accent-dark, #3f799a);
}