/**
 * FAQ accordion.
 *
 * `.acc`, `.acc summary` and `.acc .body` are owned by pages.css §9 and are not
 * repeated here – including the spacing between items, which the kit already
 * carries as `.acc + .acc`. The width comes from `.container--narrow` and the
 * head from `.section-head--center` plus the `.section-head` default, so this file
 * adds only the two things the kit genuinely does not have.
 */

/* Answers are a WYSIWYG field, so an author can and does put links in them –
   `_mockups/process.html` links to the jobs board from inside an answer. The
   global reset sets `a { color: inherit; text-decoration: none }`, so without
   this an in-answer link is invisible. Same treatment as a `.prose` link, which
   is the kit's own pattern for a link inside body copy. */
.faq-accordion__list .body a {
  color: var(--blue);
  font-weight: 600;
  border-block-end: 1.5px solid var(--blue-tint-20);
  transition: border-color var(--dur-fast) ease;
}
.faq-accordion__list .body a:hover {
  border-block-end-color: var(--blue);
}

/* The pointer affordance the FAQs page gives its questions. The kit colours a
   summary only once it is open, which leaves a closed row with no hover state
   at all. */
.faq-accordion__list summary:hover {
  color: var(--blue);
}