.chapter-list {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.chapters-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
.chapters-heading h2 {
  margin: 10px 0 0;
  font-family: Georgia, serif;
  font-size: 28px;
  line-height: 1.2;
  font-weight: normal;
}
.chapters-count {
  padding: 6px 12px;
  border: 1px solid #dce3d7;
  border-radius: 20px;
  white-space: nowrap;
  font-size: 11px;
  color: var(--muted);
}
.chapter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.chapter-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 22px;
  background: #fafaf5;
  border: 1px solid #e3e7dc;
  border-radius: 6px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.chapter-card:hover {
  border-color: #84a18c;
  box-shadow: 0 8px 22px #005b430d;
  transform: translateY(-3px);
}
.chapter-card-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.chapter-number {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e8efe2;
  color: var(--green);
  font-size: 11px;
  font-weight: bold;
}
.chapter-type {
  font-size: 8px;
  letter-spacing: 1.5px;
  color: #7a8677;
}
.chapter-arrow {
  margin-left: auto;
  color: var(--green);
  font-size: 23px;
}
.chapter-card h3 {
  margin: 0 0 12px;
  font-family: Georgia, serif;
  font-size: 23px;
  font-weight: normal;
  line-height: 1.28;
  overflow-wrap: anywhere;
}
.chapter-card p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 20px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
  flex-grow: 1;
}
.chapter-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
  font-size: 10px;
}
.chapter-card-bottom > span:first-child { color: var(--muted); }
.chapter-card-bottom > span:last-child { color: var(--green); font-weight: bold; }
.chapter-card-bottom > span:last-child span { margin-left: 5px; }
@media (max-width: 1050px) {
  .chapter-card { padding: 18px; }
  .chapter-card h3 { font-size: 21px; }
}
@media (max-width: 760px) {
  .chapter-grid { grid-template-columns: 1fr; gap: 12px; }
  .chapters-heading h2 { font-size: 24px; }
  .chapters-heading .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .chapter-card-top { margin-bottom: 14px; }
}
@media print {
  .chapter-card { break-inside: avoid; box-shadow: none; background: white; }
}