/* Library and Bible pages for search engines (generated by scripts/seo_pages.py). */
.seo { max-width: 880px; }
.page-head { padding-top: 32px; }
.seo-crumbs a { color: var(--on-banner); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.seo .card h2 { font-size: 1.25rem; font-weight: 800; letter-spacing: -0.3px; margin-bottom: 10px; }
.seo .card p, .seo .card li { color: var(--muted); font-size: 1rem; line-height: 1.65; }
.seo .card b { color: var(--text); }
.seo-byline { font-weight: 700; color: var(--text) !important; margin-bottom: 8px; }
.seo-excerpt p { color: var(--text) !important; font-family: var(--font-reading, Georgia, serif); font-size: 1.05rem; line-height: 1.75; margin: 0 0 12px; }
.seo-excerpt h3 { font-weight: 800; margin: 14px 0 6px; }
.seo-contents, .seo-list { margin: 8px 0 0; padding-left: 22px; }
.seo-contents li, .seo-list li { margin: 5px 0; }
.seo-books { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px 16px; list-style: none; padding: 0; margin: 4px 0 0; }
.seo a { color: var(--accent-text); }
.seo .btn-primary { color: var(--on-accent, #fff); }
.seo-chapters { grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); text-align: center; }
.seo-excerpt sup { font-size: 0.7em; color: var(--muted); margin-right: 2px; }
.seo-pager { justify-content: space-between; margin: 4px 0 24px; }

/* Printing a book or Bible page: just the text and its source. */
@media print {
  .btn, .btn-row, .seo-crumbs, .seo-pager { display: none !important; }
  .page-head { background: none !important; color: #000 !important; padding: 0 !important; }
  .page-head .ph-title { color: #000 !important; }
  .card { box-shadow: none !important; border: 0 !important; padding: 0 0 12px !important; }
  .seo-excerpt p, .seo .card p, .seo .card li { color: #000 !important; }
  a { color: #000 !important; text-decoration: none !important; }
}
.seo-cite dt { font-weight: 800; color: var(--text); margin-top: 8px; }
.seo-cite dd { margin: 2px 0 0; color: var(--muted); user-select: all; }