.detail-page .detail { padding-bottom: 55px; }
.chapters { padding: 0 0 90px; }
.chapters-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); padding: 40px 0 22px; }
.chapters-head h2 { font-size: clamp(30px, 4vw, 48px); letter-spacing: -.06em; line-height: 1; margin: 0; }
.chapters-head p { color: var(--muted); margin: 0; }
.chapter-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.chapter-row { display: grid; grid-template-columns: 1.1fr 1fr 1fr 1.5fr; gap: 20px; align-items: center; min-height: 76px; border-bottom: 1px solid var(--line); }
.chapter-title { font-size: 18px; }
.chapter-platform, .chapter-date { display: flex; flex-direction: column; gap: 3px; }
.chapter-label { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.not-released { color: #aaa4ae; font-size: 14px; }
.chapter-link { color: #ff91c6; font-size: 14px; font-weight: 800; text-underline-offset: 4px; }
.chapter-link:hover { color: #fff; }
.date-value { min-height: 22px; color: #e2dce1; font-size: 14px; }
.date-empty { display: block; min-height: 22px; }
@media (max-width: 640px) {
  .chapters-head { display: block; }
  .chapters-head p { margin-top: 10px; }
  .chapter-row { grid-template-columns: 1fr 1fr; gap: 14px; padding: 17px 0; }
  .chapter-title, .chapter-date { grid-column: 1 / -1; }
}