/* 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; }

/* Collateral pieces as compact cards, matching the library card system. */
.lib-page .agg-collateral {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.lib-page .agg-piece {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px 16px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.lib-page .agg-piece:hover { transform: translateY(-3px); box-shadow: 0 18px 44px -18px rgba(23,28,38,.22); }
.lib-page .agg-piece__title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
.lib-page .agg-piece:hover .agg-piece__title { color: var(--ink-soft); }
.lib-page .agg-piece__src { font-size: 12.5px; color: var(--slate); }
.lib-page .agg-piece__go {
  margin-top: 6px;
  font-size: 11.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--gold-deep);
}

.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; }