/* =========================================================
   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 ---- */
.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 ul li {
  margin-bottom: 0.5em;
  padding-left: 0.15em;
}
.faq__answer ul li:last-child {
  margin-bottom: 0;
}

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

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

/* ---- Links ---- */
.faq__answer a {
  text-decoration: underline;
}