/* Aggregation (book/topic) pages reuse the Sermon Library look: body.lib-page +
   splash.css tokens + sermon-library.css (.lib-head/.grid/.card/.final).
   This file styles only the content-type sections + stats the library doesn't have,
   using the same design tokens so the color scheme matches. */

.lib-page .lib-head p { max-width: 640px; }

/* splash.css sets `main section{padding:78px 0}` for marketing sections; the
   aggregation content-type sections are compact, so neutralize that here. */
.lib-page main section.agg-section { padding: 0; margin: 0 0 34px; }
.lib-page .agg-section h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -.01em;
  margin: 0 0 4px;
}
.lib-page .agg-section__intro { color: var(--slate); margin: 0 0 14px; font-size: 15px; }

/* One block per sermon: title, church + scripture + date, the packet excerpt, CTA. */
.lib-page .agg-items { display: flex; flex-direction: column; gap: 20px; }
.lib-page .agg-item { border-left: 3px solid var(--line); padding: 1px 0 1px 16px; }
.lib-page .agg-item h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 3px;
}
.lib-page .agg-item h3 a { color: var(--ink); }
.lib-page .agg-item h3 a:hover { color: var(--gold-deep); }
.lib-page .agg-item__meta { font-size: 13px; color: var(--slate); margin: 0 0 8px; }
.lib-page .agg-item__meta a { color: var(--slate); font-weight: 600; }
.lib-page .agg-item__meta a:hover { color: var(--ink); }
.lib-page .agg-item__excerpt {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  color: var(--ink-soft);
  line-height: 1.5;
  max-width: 640px;
  margin: 0 0 8px;
}
.lib-page .agg-item__cta {
  font-size: 11.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--gold-deep);
}
.lib-page .agg-item__cta:hover { color: var(--ink); }

.lib-page .agg-stats {
  font-family: 'Fraunces', Georgia, serif;
  color: var(--ink);
  font-size: 17px;
  margin: 8px 0 6px;
}
.lib-page .agg-browse { margin: 0 0 52px; }
.lib-page .agg-browse a { color: var(--gold-deep); font-weight: 600; }