/* ── READABILITY: Helvetica for AI-generated body text ── */
.modal-body,
.sermon-body,
.prayer-output-text,
.search-answer,
.search-answer p,
.xref-ref-desc {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

/* ── READABILITY: Black text on yellow/gold backgrounds in light mode ── */
body.light-mode .modal-body,
body.light-mode .sermon-body,
body.light-mode .prayer-output-text,
body.light-mode .search-answer,
body.light-mode .xref-ref-desc {
  color: #1a1a1a;
}
body.light-mode .modal-body strong { color: #8b0000; }

/* ── WELCOME / ABOUT MODALS ── */
.welcome-modal { max-width: 560px; }
.welcome-verse {
  font-family: Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.8;
  font-style: italic;
  color: var(--ink);
  border-left: 3px solid var(--gold);
  padding-left: 18px;
  margin: 16px 0 8px;
}
.welcome-verse-ref {
  font-family: Arial, sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  color: var(--gold);
  margin-bottom: 20px;
}
.welcome-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}
.welcome-feature {
  background: rgba(184,134,11,0.08);
  border-radius: 8px;
  padding: 10px 14px;
  font-family: Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--ink);
}
.welcome-feature strong {
  font-family: Arial, sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  color: var(--gold);
  display: block;
  margin-bottom: 3px;
}
.about-share-row {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.about-share-btn {
  font-family: Arial, sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  background: rgba(184,134,11,0.15);
  color: var(--gold);
  cursor: pointer;
  transition: background 0.2s;
  text-decoration: none;
  display: inline-block;
}
.about-share-btn:hover { background: rgba(184,134,11,0.3); }

/* ── HELP MODAL ── */
.help-modal {
  max-width: 620px; width: 92%;
  max-height: 85vh;
  display: flex; flex-direction: column;
  padding: 0; overflow: hidden;
}
.help-modal .modal-word { padding: 24px 28px 0; }
.help-modal .modal-divider { margin: 12px 28px; }
.help-body {
  overflow-y: auto; flex: 1;
  padding: 0 28px 28px;
}
.help-section { margin-bottom: 22px; }
.help-section-title {
  font-family: Arial, sans-serif;
  font-size: 0.72rem; letter-spacing: 0.1em;
  color: var(--gold); margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(184,134,11,0.2);
}
.help-item {
  font-family: Arial, sans-serif;
  font-size: 1rem; line-height: 1.65;
  color: var(--ink); margin-bottom: 6px;
  padding-left: 12px;
  border-left: 2px solid rgba(184,134,11,0.15);
}
.help-item strong { color: var(--gold-light); font-style: normal; }

/* ── FOOTER ── */
.app-footer {
  text-align: center;
  padding: 14px 24px;
  font-family: Arial, sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  color: var(--gold);
  opacity: 0.55;
  border-top: 1px solid rgba(184,134,11,0.15);
  margin-top: 32px;
}
.footer-divider { margin: 0 8px; opacity: 0.4; }
body.light-mode .app-footer { color: var(--gold); opacity: 0.65; }

/* ── COMMENTARY SELECT HINT ── */
.commentary-select-hint {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  color: var(--gold-light);
  opacity: 0.9;
  margin-bottom: 14px;
  text-align: center;
  background: rgba(184,134,11,0.12);
  padding: 6px 12px;
  border-radius: 6px;
}