/* =====================================================================
   TGL — POST TYPOGRAPHY PARITY (v8.4.9)

   GOAL
     Everything an editor writes in a song post — Introduction, Meaning,
     Bible Verse, FAQs, Related Searches, Friendly Note and any plain
     paragraph — reads with EXACTLY the typography the lyrics block uses:
     same family, same size, same line gap, same left rail.

   PROTECTED
     No rule in this file targets, overrides or re-declares the lyrics
     selectors (.lgenx-text, .lgenx-title, .lgenx-subtitle, .tgl-lyrics,
     .lgenx-lyrics, .tgl-chords). They are excluded with :not() guards.
     This file only lifts the REST of the article up to the lyrics
     contract; the lyrics stack itself is untouched.

   Loads after editor-parity.css, so it is the final word on body prose.
   ===================================================================== */

:root {
  /* Mirrors lyrics.css: .lgenx-text { font-size:18px; line-height:2.2 } */
  --tgl-post-size: 18px;
  --tgl-post-leading: 2.2;
  --tgl-post-gap: 1.05em;
}

/* ---- Every prose block in the article body ------------------------- */
.tgl-content p:not(.lgenx-text),
.tgl-content li,
.tgl-content dd,
.tgl-content dt,
.tgl-content blockquote,
.tgl-content .tgl-intro,
.tgl-content .lgenx-intro,
.tgl-content .lgenx-meaning,
.tgl-content .lgenx-note,
.tgl-content .lgenx-faq p,
.tgl-content .lgenx-explore-intro,
.tgl-content .lgenx-explore-list li,
.tgl-content .lgenx-bible,
.tgl-content .tgl-note {
  font-family: var(--tgl-font-body, 'Inter', 'Noto Sans Telugu', sans-serif);
  font-size: var(--tgl-post-size);
  line-height: var(--tgl-post-leading);
  color: var(--tgl-ink, #1f2733);
  text-align: left;
}

/* One block rhythm for the whole document. */
.tgl-content p:not(.lgenx-text),
.tgl-content ul:not(.lgenx-lyrics),
.tgl-content ol,
.tgl-content blockquote,
.tgl-content table {
  margin: 0 0 var(--tgl-post-gap);
}

.tgl-content li { margin: 0 0 0.25em; }

/* Sections stack with one gap, not five different ones. */
.tgl-content > section,
.tgl-content > div:not([class*="lgenx-text"]) {
  margin: 0 0 var(--tgl-post-gap);
}

/* The article column keeps the lyrics left rail exactly. */
.tgl-content,
.tgl-content > * {
  text-align: left;
}

/* Headings keep the editor-parity scale but share the same rail and a
   single space above / below, so no section looks "further in". */
.tgl-content h2:not(.lgenx-title),
.tgl-content h3:not(.lgenx-subtitle),
.tgl-content h4:not(.lgenx-subtitle),
.tgl-content h5,
.tgl-content h6 {
  font-family: var(--tgl-font-head, 'Poppins', 'Inter', sans-serif);
  color: var(--tgl-navy, #002147);
  text-align: left;
  line-height: 1.3;
  margin: 1.3em 0 0.5em;
}

.tgl-content > :first-child { margin-top: 0; }

/* ---- Mobile: one step down, still identical across sections -------- */
@media (max-width: 640px) {
  :root {
    --tgl-post-size: 17px;
    --tgl-post-leading: 2.05;
  }
}

/* ---- Same contract inside the Classic Editor (TinyMCE body) --------- */
body.mce-content-body p:not(.lgenx-text),
body.mce-content-body li,
body.mce-content-body blockquote {
  font-family: var(--tgl-font-body, 'Inter', 'Noto Sans Telugu', sans-serif);
  font-size: var(--tgl-post-size);
  line-height: var(--tgl-post-leading);
  text-align: left;
}

body.mce-content-body p:not(.lgenx-text),
body.mce-content-body ul,
body.mce-content-body ol,
body.mce-content-body blockquote {
  margin: 0 0 var(--tgl-post-gap);
}