/* The existing review template supplies the design; these rules fit the longer title. */
.topic-hero h1 { font-size: clamp(32px, 3.6vw, 54px); }
.review-bar > .wrap { flex-wrap: wrap; gap: 4px 20px; padding-block: 6px; }
.week-planner { margin-top: 10px; }
.sources a, .citation { overflow-wrap: anywhere; }
.citation { max-width: 100%; }
.library-page .related-grid { padding-bottom: 48px; }
.library-page .related-card h2 { font-size: 26px; line-height: 1.2; }
@media (max-width: 600px) {
  .library-page .related-grid { grid-template-columns: 1fr; }
  .library-page .related-card h2 { font-size: 24px; }
  .review-bar > .wrap { width: calc(100% - 36px); padding-inline: 0; }
  .review-bar > .wrap > span { font-size: 11px; }
  .topic-hero h1 { font-size: 31px; line-height: 1.15; }
  .format-practice .hero-subtitle { font-size: 19px; }
  .format-practice .topic-hero { padding-top: 24px; }
  .sample-caption h2 { font-size: 19px; }
  .week-list span:last-child { white-space: nowrap; }
}
