/* v9.1.5 — MOBILE READING POLISH (presentation only).
   1. Justified text for Introduction, Meaning, Bible Verse, FAQs, Friendly Note.
   2. Even paragraph spacing; empty Google Auto Ads gaps removed.
   3. Side padding for blocks that touched the screen edge on phones.
   Lyrics, ads code, SEO and layout structure untouched. */

/* 1. Justify — paragraphs only; headings and FAQ questions stay left. */
html body .tgl-content .tgl-section--introduction p.lgenx-text,
html body .tgl-content .tgl-section--meaning p.lgenx-text,
html body .tgl-content .tgl-section--bible-verse p,
html body .tgl-content .tgl-section--bible-verse .lgenx-text,
html body .tgl-content .tgl-section--faq p,
html body .tgl-content .tgl-section--friendly-note p.lgenx-text,
html body .tgl-content .tgl-section--introduction p,
html body .tgl-content .tgl-section--meaning p,
html body .tgl-content .tgl-section--friendly-note p {
  text-align: justify !important;
  text-align-last: left !important;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}
.tgl-section--faq .lgenx-faq-item > strong:first-child {
  display: block;
  text-align: left;
  margin-bottom: 4px;
}
.tgl-section--faq .lgenx-faq-item > strong:first-child + br { display: none; }
.tgl-section--introduction .lgenx-subtitle,
.tgl-section--meaning .lgenx-subtitle,
.tgl-section--bible-verse .lgenx-subtitle,
.tgl-section--faq .lgenx-subtitle,
.tgl-section--friendly-note .lgenx-subtitle { text-align: center; }

/* 2. Consistent spacing between passages. */
.tgl-section--introduction p,
.tgl-section--meaning p,
.tgl-section--bible-verse p,
.tgl-section--faq p,
.tgl-section--friendly-note p { margin: 0 0 14px !important; }
/* v9.1.8: `p:has(> br:only-child)` also matched real two-line stanzas
   (CSS ignores text nodes), hiding lyrics. Truly blank <p><br></p> are
   now removed server-side by tgl_ux_strip_blank_paragraphs(). */
.tgl-section p:empty { display: none !important; }
.tgl-section--bible-verse blockquote p:last-child,
.tgl-section--faq .lgenx-faq-item:last-child { margin-bottom: 0 !important; }

/* Google Auto Ads that came back empty leave blank gaps between paragraphs. */
.tgl-section .google-auto-placed:not(:has(iframe)),
.tgl-section .google-auto-placed:has(ins[data-ad-status="unfilled"]) {
  display: none !important;
}
.tgl-section .google-auto-placed { margin: 10px 0 14px !important; }

/* 3. Phones: nothing touches the screen edge. */
@media (max-width: 767px) {
  .tgl-activity { margin-left: 12px !important; margin-right: 12px !important; max-width: calc(100% - 24px); box-sizing: border-box; }
  .tgl-discovery { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box; }
  .tgl-discovery__list { padding-left: 0 !important; }
  .tgl-rv, .tgl-section, .tgl-content { box-sizing: border-box; }
  .tgl-rv { padding-left: 12px !important; padding-right: 12px !important; }
  .tgl-main { overflow-x: clip; }
  .tgl-main img, .tgl-main iframe, .tgl-main table { max-width: 100%; }
}

@media (max-width: 767px) {
  .home .tgl-hero, .home .tgl-hero__inner, .blog .tgl-hero { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box; }
}