/* ============================================================
   report.css — styles for the injected API report HTML
   Targets classes produced by the astro-backend ReportAssembler:
   .report-header, .report-section, .section-*, .interpretation,
   .interpretation-title
   ============================================================ */

.report-body { font-size: 0.95rem; line-height: 1.75; }

/* ── Report header (person name + astrologer byline) ─────── */
.report-header { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border, #2d2850); }
.report-header h1 { font-family: var(--font-heading, Georgia, serif); font-size: 1.4rem; color: var(--color-text, #e8e4f0); }
.report-header .report-meta { font-size: 0.85rem; color: var(--color-text-muted, #9a94b8); margin-top: 0.25rem; }

/* ── Report sections ──────────────────────────────────────── */
.report-section { margin-bottom: 2rem; }
.report-section > h2 {
  font-family: var(--font-heading, Georgia, serif);
  font-size: 1.2rem;
  color: var(--color-accent, #c49a6c);
  border-bottom: 1px solid var(--color-border, #2d2850);
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

/* ── Individual interpretation blocks ────────────────────── */
.interpretation { margin-bottom: 1.25rem; }
.interpretation-title {
  font-family: var(--font-heading, Georgia, serif);
  font-size: 1rem;
  color: var(--color-text, #e8e4f0);
  margin-bottom: 0.4rem;
}

/* ── Prose within interpretations ────────────────────────── */
.interpretation p { margin-bottom: 0.75rem; color: var(--color-text, #e8e4f0); }
.interpretation p:last-child { margin-bottom: 0; }
.interpretation strong { color: var(--color-text, #e8e4f0); }
.interpretation em { color: var(--color-text-muted, #9a94b8); font-style: italic; }
.interpretation ul,
.interpretation ol { padding-left: 1.5rem; margin-bottom: 0.75rem; list-style: disc; }
.interpretation ul li,
.interpretation ol li { margin-bottom: 0.2rem; }
.interpretation .text-center { text-align: center; }
.interpretation blockquote {
  border-left: 3px solid var(--color-accent, #c49a6c);
  padding-left: 1rem;
  color: var(--color-text-muted, #9a94b8);
  font-style: italic;
  margin: 0.75rem 0;
}