/* =========================================================
   Страница «Первая глава» (собирается tools/build_chapter.py)
   ========================================================= */
.chapter { max-width: 820px; margin: 0 auto; padding: 40px 48px; }
.chapter__head { display: flex; flex-direction: column; gap: 8px; padding-bottom: 24px; border-bottom: 1px solid var(--gray-1100); }
.chapter__title { font-size: 40px; line-height: 48px; font-weight: 700; }
.chapter__author { color: var(--blue-600); font-size: calc(16px * var(--fs-s, 1)); line-height: 24px; }
.chapter__text { padding: 28px 0; }
.chapter__text p { margin-top: 18px; color: var(--gray-200); font-size: calc(18px * var(--fs-s, 1)); line-height: 31px; text-indent: 1.5em; }
.chapter__text p:first-child { margin-top: 0; }
.chapter__epigraph { margin: 0 0 20px; padding-left: 18px; border-left: 2px solid var(--blue-dark-400); color: var(--gray-400); font-style: italic; text-indent: 0; }
.chapter__text p.chapter__note { margin-top: 10px; font-size: calc(14px * var(--fs-s, 1)); line-height: 22px; color: var(--gray-500); text-indent: 0; }
.chapter__text p.chapter__note + p:not(.chapter__note) { margin-top: 22px; }
.chapter__text p.poem__stanza { text-indent: 0; margin-top: 22px; }
.chapter__text p.poem__stanza:first-child { margin-top: 0; }
.chapter__text h2 { margin: 36px 0 8px; font-size: 24px; line-height: 32px; font-weight: 600; color: var(--text-light); }
.chapter__end { display: flex; flex-direction: column; gap: 12px; padding-top: 24px; border-top: 1px solid var(--gray-1100); }
.chapter__end p { color: var(--gray-400); }
.chapter__buy { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 767.98px) {
  .chapter { padding: 24px 16px; }
  .chapter__title { font-size: 28px; line-height: 36px; }
  .chapter__text p { font-size: 17px; line-height: 28px; }
  .chapter__buy .btn { width: 100%; }
}