/* ---------------------------------------------------------------------------
   07 DISCOVERABILITY — the questions page at /faq/.

   The page borrows the Policies shell wholesale: .rhc-legal-page for the hero,
   .rhc-policy-prose for the 64ch measure, the h2 scale, the paragraph rhythm
   and the rule drawn between sibling <section>s. Everything below is only what
   Policies does not already have — a jump list at the top, and the question
   heading, which is a level Policies never needed.

   Cascade note: this file loads at 07, BEFORE 80-links.css, 90-hygiene.css and
   95-contrast.css. At equal specificity every one of those wins. So the rules
   here that could collide with a later overlay's link or heading colours are
   written through main#riverhouse-public-main, whose id outranks anything the
   later files use. The rest touch .rhc-faq-* class names that exist nowhere
   else in the theme and cannot collide at all.
   --------------------------------------------------------------------------- */

/* The jump list. On a phone this is the difference between finding the
   cancellation answer and giving up three screens in. */
.rhc-faq-jump {
  margin-bottom: var(--sp-8);
  padding-bottom: var(--sp-6);
  border-bottom: 1px solid var(--rule);
}

.rhc-faq-jump ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.rhc-faq-jump li {
  margin: 0;
}

main#riverhouse-public-main .rhc-faq-jump a {
  display: inline-block;
  color: var(--river);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: underline;
  text-decoration-color: var(--clay);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
}

main#riverhouse-public-main .rhc-faq-jump a:hover,
main#riverhouse-public-main .rhc-faq-jump a:focus-visible {
  color: var(--rust);
  text-decoration-color: currentColor;
}

/* A question. Heavier than the prose around it, lighter than the group heading,
   so the eye can run down the page reading only questions. */
.rhc-faq-item + .rhc-faq-item {
  margin-top: var(--sp-6);
}

main#riverhouse-public-main .rhc-faq-q {
  margin: 0 0 var(--sp-2);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--ink);
}

/* Answers are ordinary prose; .rhc-policy-prose p + p already spaces them, and
   .rhc-policy-prose p a already styles the links inside them. Nothing to add
   but the indent that ties an answer to the question above it. */
.rhc-faq-a p {
  margin: 0;
}

.rhc-faq-a p + p {
  margin-top: var(--sp-3);
}

/* Landing on a question from the jump list, or from a search result deep-linking
   an anchor, should not park the heading against the top edge of the window. */
.rhc-faq-group {
  scroll-margin-top: var(--sp-8);
}