/* Section heading treatment shared by the pages that present a long single
   column of cards. Sections are marked by vertical space and a centred accent
   bar under the heading rather than by rules or background bands.

   Loaded per page via the `stylesheets` front matter list, so these element
   selectors only apply where a page opts in. */

main h2 {
  margin-top: 5rem;
}

/* A section that directly follows the page title opens the content rather
   than breaking it, so it keeps ordinary spacing. */
main h1 + h2 {
  margin-top: 2rem;
}

main h2::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3px;
  margin: 0.7rem auto 0;
  background-color: var(--primary-color);
  border-radius: 2px;
}