.chapter-search { position: relative; margin-bottom: 22px; }
.chapter-search svg { position: absolute; left: 17px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; pointer-events: none; }
.chapter-search input { display: block; width: 100%; height: 50px; padding: 10px 16px 10px 52px; border: 1px solid var(--border); border-radius: 9px; background: white; color: var(--navy); font-size: 15.6px; }
.chapter-search input::placeholder { color: #7c95b1; opacity: 1; }
.chapter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; }
.chapter-card { position: relative; min-width: 0; min-height: 154px; padding: 23px 25px 25px; border: 1px solid #c6dfef; border-radius: 11px; background: var(--card); }
.chapter-card--available { display: block; text-decoration: none; box-shadow: 0 3px 10px rgb(33 62 89 / 3%); transition: background-color 120ms, border-color 120ms, box-shadow 120ms; }
.chapter-card--available:hover, .chapter-card--available:focus-visible { border-color: #608bac; background: #f5faff; box-shadow: 0 4px 12px rgb(33 62 89 / 9%); }
.chapter-card--available:active { background: #e5f0f8; }
.chapter-number { display: block; margin-bottom: 10px; color: var(--muted); font-size: 15.6px; font-weight: 700; }
.chapter-card h2 { margin: 0 0 8px; color: var(--navy); font-size: 23.4px; line-height: 1.5; overflow-wrap: anywhere; }
.chapter-card--available h2 { padding-right: 24px; }
.chapter-card p { margin: 0; color: var(--muted); font-size: 14.95px; line-height: 1.7; overflow-wrap: anywhere; }
.chapter-chevron { position: absolute; right: 21px; top: 50%; transform: translateY(-50%); font-size: 31.2px; line-height: 1; }
.chapter-card--unavailable h2 { color: #45617e; }
.chapter-card--unavailable .chapter-number, .chapter-card--unavailable p { color: #687f97; }
.chapter-status { position: absolute; right: 20px; top: 18px; padding: 3px 13px; border-radius: 9px; background: #dde7ef; color: #506c88; font-size: 14.3px; font-weight: 700; }
.back-link { display: inline-block; margin-bottom: 20px; font-size: 13px; text-underline-offset: 5px; }
.chapter-page-title { font-size: 26px; overflow-wrap: anywhere; }

@media (max-width: 1250px) {
  .chapter-card { padding: 20px; }
  .chapter-card h2 { font-size: 18.2px; }
  .chapter-card p { font-size: 12.35px; }
  .chapter-number { font-size: 13px; }
  .chapter-status { font-size: 11.7px; right: 16px; }
}
@media (max-width: 600px) {
  .chapter-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .chapter-card { padding: 18px; min-height: 144px; }
  .chapter-card h2 { font-size: 16.9px; }
  .chapter-search input { height: 44px; font-size: 13px; padding-left: 40px; }
  .chapter-search svg { left: 13px; width: 18px; height: 18px; }
  .chapter-chevron { right: 15px; }
  .chapter-page-title { font-size: 19.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .chapter-card--available { transition: none; }
}