/* Homepage chapters: spacing between chapters, chapter heads and section headings. Ported from the
   prototype homepage (scripts/templates/home.html, ddf9b78). */
#collections, #livres, #auteurs, #articles { scroll-margin-top: 105px; }
.chapter { padding-top: var(--chapter-gap); background: var(--color-surface); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: var(--within-gap); }
.section-heading h2 { margin-bottom: 0; }
.section-heading p { margin: 0; }
.collections, .authors { margin-top: var(--within-gap); }
.how-line--last { display: block; }

@media (max-width: 767px) {
  .section-heading, .why-copy { min-height: 0; }
  .chapter h2, .section-heading h2, .closing h2 { font-size: clamp(2.2rem, 9.5vw, 3.25rem); line-height: 1.18; text-wrap: wrap; overflow-wrap: break-word; }
  .how-line { display: block; }
}
@media (max-width: 700px) {
  .section-heading { align-items: flex-start; flex-direction: column; gap: .75rem; }
}