/* Closing chapter. Ported from the prototype homepage (scripts/templates/home.html, ddf9b78) The dots:
   inc/dots.php. */
.closing { padding-top: var(--chapter-gap); padding-bottom: var(--chapter-gap); text-align: center; }
.closing h2 { margin-bottom: 1.25rem; text-wrap: balance; }
.closing-subtitle { max-width: 44rem; margin: 0 auto 2.5rem; font-size: clamp(1.06rem, 1.5vw, 1.25rem); font-weight: 500; line-height: 1.5; text-wrap: pretty; }
.closing-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 2rem; }
.closing-actions > * { margin: 0; }
.closing .lea-dots { --dots-size: 10px; display: block; margin: 0 auto 2rem; }

@media (max-width: 767px) {
  .closing { text-align: left; }
  .closing .lea-dots, .closing-subtitle { margin-left: 0; }
  .closing-actions { align-items: flex-start; justify-content: flex-start; }
}
@media (max-width: 600px) {
  .closing-actions { flex-direction: column; }
}