/* ── MAIN LAYOUT ── */
.main {
  max-width: 860px;
  margin: 40px auto;
  padding: 0 24px 80px;
}

/* ── PASSAGE HEADER ── */
.passage-header {
  display: flex; align-items: baseline; gap: 12px;
  margin-bottom: 8px; flex-wrap: wrap;
}
.passage-title {
  font-family: Arial, sans-serif;
  font-size: 1.5rem;
  color: var(--gold-light);
  letter-spacing: 0.08em;
}
.passage-meta {
  font-size: 0.82rem;
  color: rgba(200,169,110,0.6);
  font-style: italic;
}

body.light-mode .passage-title { color: #6b4a00; }
body.light-mode .passage-meta { color: rgba(60,40,0,0.7); }

/* ── SCRIPTURE CARD ── */
.scripture-card {
  background: var(--parchment);
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 36px 44px;
  position: relative;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5), inset 0 0 60px rgba(200,169,110,0.08);
  line-height: 1.85;
  font-size: 1.13rem;
  color: var(--ink-light);
  animation: fadeIn 0.5s ease;
}

body.light-mode .scripture-card { box-shadow: 0 8px 40px rgba(42,31,0,0.12), inset 0 0 60px rgba(200,146,10,0.06); }

/* decorative corner marks */
.scripture-card::before, .scripture-card::after {
  content: '✦';
  position: absolute;
  font-size: 0.7rem;
  color: var(--gold);
  opacity: 0.5;
}
.scripture-card::before { top: 10px; left: 14px; }
.scripture-card::after  { bottom: 10px; right: 14px; }

.scripture-card-header {
  display: flex;
  justify-content: flex-end;
  padding: 4px 0 4px;
}

.verse { display: inline; }
.verse-num {
  font-family: Arial, sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--red);
  vertical-align: super;
  margin-right: 3px;
  line-height: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.verse-num:hover { color: var(--gold); }

.verse-wrap { display: inline; }
.verse-wrap.selected {
  background: rgba(200, 146, 10, 0.15);
  border-radius: 3px;
}
.verse-wrap.selected .verse-num { color: var(--gold); }

/* loading skeleton */
.loading-text {
  color: var(--ink-light);
  font-style: italic;
  opacity: 0.5;
  animation: pulse 1.4s ease-in-out infinite;
}

/* ── BOOK SUMMARY LINK ── */
.book-summary-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: Arial, sans-serif;
  font-size: 0.7rem; letter-spacing: 0.08em;
  color: var(--gold);
  margin-top: 18px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.book-summary-link:hover { border-bottom-color: var(--gold); }