/* PERSONAL REFLECTIONS — additions to the original Ron Wilbur styles.
   Change article typography here; edit prose in each HTML file. */
.reflection-page .reflection-view { max-width: 1040px; padding-top: 36px; }
.reflection-page .reflection-article,
.reflection-page .reflection-directory { --collection-accent: #f6b9d0; padding: 44px 54px; }
.reflection-heading { border-bottom: 2px solid #17151c; padding-bottom: 24px; margin-bottom: 30px; }
.reflection-page h1 { font-family: Arial, Helvetica, sans-serif; font-size: clamp(32px, 5vw, 54px); font-weight: 900; letter-spacing: -.045em; line-height: 1.08; margin: 14px 0 18px; overflow-wrap: break-word; }
.reflection-page .section-kicker { color: #514953; }
.passage-reference { font-family: Georgia, serif; font-size: 22px; line-height: 1.4; margin: 0 0 12px; }
.reflection-byline { margin: 0; color: #514953; font-size: 14px; }
.reflection-body { font-family: Georgia, 'Times New Roman', serif; font-size: 20px; line-height: 1.8; overflow-wrap: break-word; }
.reflection-body p { margin: 0 0 1.35em; }
.reflection-body p:last-child { margin-bottom: 0; }
.scripture { margin: 0 0 1.6em; padding: 0 0 0 22px; border-left: 4px solid #c46d91; color: #39323b; }
.reflection-page .reflection-pagination { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 18px; font-size: 15px; margin: 36px 0 20px; }
.reflection-pagination a { flex: 1 1 180px; padding: 12px 0; color: #174f86; text-decoration: underline; font-weight: 700; }
.reflection-pagination a span { display: block; color: #514953; font-weight: 400; font-size: 13px; margin-top: 5px; }
.reflection-pagination a[rel='next'] { text-align: right; }
.reflection-pagination a:not([rel]) { text-align: center; }
.section-return { font-size: 14px; }
.directory-note { font-size: 14px; color: #514953; }
.reflection-list { list-style: none; padding: 0; margin: 28px 0 0; }
.reflection-list li { border-top: 1px solid #d8cbbb; padding: 19px 0; break-inside: avoid; }
.reflection-list a { display: inline-block; font-size: 20px; font-weight: 700; line-height: 1.4; }
.index-reference { display: block; font-size: 15px; margin-top: 5px; color: #514953; }
.skip-link { position: absolute; top: -100px; left: 16px; z-index: 100; padding: 12px; background: #fffaf0; }
.skip-link:focus { top: 8px; }
@media (max-width: 820px) {
  .reflection-page .site-header .nav-wrap { flex-direction: column; align-items: flex-start; }
  .reflection-page .site-header nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
}
@media (max-width: 580px) {
  .reflection-page .reflection-view { padding-top: 24px; }
  .reflection-page .reflection-article,
  .reflection-page .reflection-directory { padding: 28px 20px; box-shadow: 5px 5px 0 #f6b9d0; }
  .reflection-page h1 { font-size: 34px; }
  .reflection-body { font-size: 18px; line-height: 1.75; }
  .passage-reference { font-size: 19px; }
  .scripture { padding-left: 14px; }
  .reflection-page .reflection-pagination { flex-direction: column; gap: 4px; }
  .reflection-pagination a { flex: none; width: 100%; }
  .reflection-pagination a[rel='next'],
  .reflection-pagination a:not([rel]) { text-align: left; }
}
@media print {
  .reflection-page { background: white; }
  .reflection-page .site-header, .reflection-page footer,
  .reflection-pagination, .back-home, .section-return, .skip-link { display: none !important; }
  .reflection-page .reflection-view { padding: 0; max-width: none; }
  .reflection-page .reflection-article { border: 0; box-shadow: none; padding: 0; background: white; }
  .reflection-body { font-size: 12pt; line-height: 1.5; }
  .reflection-page h1 { font-size: 24pt; }
  .reflection-heading { break-after: avoid; }
  .reflection-body p { orphans: 3; widows: 3; }
}

/* Bible-book directory: all links also work with JavaScript disabled. */
.reflection-page .book-jumps { display: flex; flex-wrap: wrap; gap: 9px; margin: 20px 0 34px; }
.book-jumps a { color: #174f86; background: #f7f0df; border: 1px solid #bbaa98; padding: 8px 12px; font-size: 14px; text-decoration: underline; }
.book-section { margin-top: 40px; scroll-margin-top: 24px; }
.book-section h2 { font-size: 26px; line-height: 1.2; font-weight: 900; letter-spacing: -.03em; margin: 0 0 12px; }
.book-section .reflection-list { margin-top: 0; }
.back-to-books { display: inline-block; padding: 10px 0; font-size: 13px; }