/* BIBLES.MY — CLASSIC PSALM 11 HEBREW POETRY PRESENTATION
   Based on the user's supplied Psalm 11 CELV HTML and original Light/Dark CSS.
   Loaded AFTER all modern responsive styles on all 300 CELV/KJV Psalm chapters.
   Chapter text, deliberate poetic breaks and existing navigation are untouched.
*/

/* The original page centres the whole poem while keeping poetic lines left aligned. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated,
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated > section.poetryContent,
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated div.psalmWrapper {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated div.psalmWrapper {
  float: none !important;
  padding: 0 8px !important;
}

/* A shrink-to-fit text column, as in the reference Psalm 11 screenshot. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter {
  box-sizing: border-box !important;
  display: inline-block !important;
  position: relative !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 0 0 2.4rem !important;
  text-indent: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  line-height: 1.48 !important;
  font-style: normal !important;
}

/* First verse: illuminated word stays on the same baseline as the verse text. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.poetryHeadingDiv {
  display: inline-block !important;
  float: none !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: .35rem 0 .2rem 0 !important;
  padding: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  white-space: inherit !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.poetryHeadingDiv > span.verseHeadingPoetry {
  display: inline-block !important;
  position: static !important;
  float: none !important;
  box-sizing: border-box !important;
  width: 2.4rem !important;
  margin: 0 0 0 -2.4rem !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.poetryHeadingDiv > span.poetryFirstLetterDropCap {
  display: inline !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 .08em 0 0 !important;
  font-size: 1.65em !important;
  line-height: 1 !important;
  vertical-align: -0.045em !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.poetryHeadingDiv > span.poetrySecondLetterDropCap {
  display: inline !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.1rem !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}

/* Verse 2 onwards: the small number starts a new left-aligned line in a
   consistent side gutter, exactly as in the original non-grid Psalm 11. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter > span.verse {
  display: inline !important;
  position: static !important;
  float: left !important;
  clear: both !important;
  width: 1.8rem !important;
  height: auto !important;
  margin: 0 0 0 -2.4rem !important;
  padding: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  font-size: .82em !important;
  line-height: 1.8 !important;
  vertical-align: baseline !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter > span.verse::before {content: none !important;display: none !important;}

/* Every parallel Hebrew poetic line keeps its original separate indented
   block. These rules deliberately supersede mobile styles that flattened it. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.poetryIndentBlock {
  display: block !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 0 0 1.2rem !important;
  text-indent: 0 !important;
  line-height: inherit !important;
  white-space: inherit !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.poetryIndent,
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.refrain {
  margin: 0 !important;
  padding-left: 1.2rem !important;
  text-indent: 0 !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter br {display: inline !important;}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.poetryBreak {
  display: block !important;
  clear: both !important;
  height: .85em !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: .85em !important;
}

/* Preserve the user's customized colour for every verse number, including
   Psalm 119. Each existing stylesheet supplies its own light/dark value. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.verse,
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper p.psalmCenter span.verseHeadingPoetry,
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza span.verseWide,
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza span.verseHeadingWide {
  color: var(--bibles-psalm-verse-number, #0080ff) !important;
  text-shadow: none !important;
  font-family: "Noto Sans Display", Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* Make the subtitle and superscription centred above the centred poem. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 > .poetryContent > .superscription,
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 > .poetryContent > .superscription .superscriptionSpecs {
  display: block !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  text-indent: 0 !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 > .poetryContent > .superscription {margin-bottom: 1.15rem !important;}

/* Psalm 119 is an acrostic: retain its 22 Hebrew-letter stanzas and 176
   separate verse rows. Centre each narrow stanza, align verses in two columns. */
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza .psalmWrapper {
  box-sizing: border-box !important;
  width: min(100%, 39rem) !important;
  max-width: 39rem !important;
  margin: 0 auto !important;
  padding: 0 .4rem !important;
  text-align: left !important;
}
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 .psalmWrapper p.psalmCenter.psalm119-verse {
  display: grid !important;
  grid-template-columns: 2.6rem minmax(0,1fr) !important;
  align-items: baseline !important;
  column-gap: .45rem !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 0 .25rem !important;
  white-space: normal !important;
  text-align: left !important;
}
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 .psalmWrapper p.psalmCenter.psalm119-verse > span.verseWide,
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 .psalmWrapper p.psalmCenter.psalm119-verse > span.verseHeadingWide {
  display: block !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
margin-right: 1rem !important;
  padding: 0 !important;
  text-align: right !important;
  font-size: .82em !important;
  line-height: inherit !important;
}
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 .psalmWrapper p.psalmCenter.psalm119-verse > span.psalm119-verse-body {
  display: block !important;
  min-width: 0 !important;
  white-space: normal !important;
  line-height: 1.48 !important;
}
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 .psalmWrapper p.psalmCenter.psalm119-verse span.poetryIndentBlock {
  display: block !important;
  width: auto !important;
  padding: 0 0 0 1.2rem !important;
  margin: 0 !important;
  text-indent: 0 !important;
  white-space: normal !important;
}

/* Mobile: keep the exact poetic structure and gutter, allow long lines to
   wrap instead of extending beyond the phone screen. */
@media screen and (max-width: 767px) {
 html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
  div.psalmWrapper p.psalmCenter {
   width: auto !important;
   max-width: 100% !important;
   white-space: normal !important;
   overflow-wrap: break-word !important;
   line-height: 1.55 !important;
 }
 html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
  div.psalmWrapper p.psalmCenter span.poetryHeadingDiv,
 html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
  div.psalmWrapper p.psalmCenter span.poetryIndentBlock {
   white-space: normal !important;
 }
 html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza .psalmWrapper {
   width: 100% !important;
   max-width: 100% !important;
 }
 html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
  .psalmWrapper p.psalmCenter.psalm119-verse {
    grid-template-columns: 2.1rem minmax(0,1fr) !important;
    column-gap: .35rem !important;
  }
}

/* BIBLES.MY - Consistent Bible chapter headings.
   Light theme: exactly the general Genesis heading typography and shadows.
   Dark theme: retain the original Psalms gold serif heading presentation.
   Only Psalm pages load this stylesheet; Scripture and poetry lines are unaffected. */
html body.responsive-bible-chapter > section.introStyles h1,
html body.responsive-bible-chapter > section.introStyles h2,
html body.responsive-bible-chapter > section.introStyles h3,
html body.responsive-bible-chapter > section.introStyles h4 {
  color: var(--bibles-psalm-heading-ink, #fff) !important;
  -webkit-text-fill-color: var(--bibles-psalm-heading-ink, #fff) !important;
  font-family: var(--bibles-psalm-heading-font, "Noto Sans Display", sans-serif) !important;
  font-style: normal !important;
  font-weight: var(--bibles-psalm-heading-weight, 500) !important;
  text-align: center !important;
  text-shadow: var(--bibles-psalm-heading-main-shadow, 1px 1px 0 var(--bibles-psalm-heading-shadow, #f6e7c8), 0 2px 4px var(--bibles-psalm-heading-glow, rgba(0,0,0,.25))) !important;
}
html body.responsive-bible-chapter > section.introStyles h1 {
  font-size: var(--bibles-psalm-heading-h1-size, clamp(1.5rem, 3.1vw, 2.1rem)) !important;
  line-height: 1.6 !important;
}
html body.responsive-bible-chapter > section.introStyles h2 {
  font-size: var(--bibles-psalm-heading-h2-size, clamp(1.5rem, 3.1vw, 2.1rem)) !important;
  line-height: var(--bibles-psalm-heading-other-line-height, 1.3) !important;
}
html body.responsive-bible-chapter > section.introStyles h3 {
  font-size: var(--bibles-psalm-heading-h3-size, clamp(1.45rem, 2.8vw, 1.95rem)) !important;
  line-height: var(--bibles-psalm-heading-other-line-height, 1.3) !important;
  text-shadow: var(--bibles-psalm-heading-h3-shadow, var(--bibles-psalm-heading-main-shadow, 1px 1px 0 var(--bibles-psalm-heading-shadow, #f6e7c8), 0 2px 4px var(--bibles-psalm-heading-glow, rgba(0,0,0,.25)))) !important;
}
html body.responsive-bible-chapter > section.introStyles h4 {
  font-size: var(--bibles-psalm-heading-h4-size, clamp(1.1rem, 2.1vw, 1.5rem)) !important;
  line-height: var(--bibles-psalm-heading-other-line-height, 1.3) !important;
  text-shadow: var(--bibles-psalm-heading-h4-shadow, var(--bibles-psalm-heading-main-shadow, 1px 1px 0 var(--bibles-psalm-heading-shadow, #f6e7c8), 0 2px 4px var(--bibles-psalm-heading-glow, rgba(0,0,0,.25)))) !important;
}
/* Mobile: Genesis-style 18px light headings, with the original separate
   heading sizes and line-heights retained for the dark Psalm theme. */
@media screen and (max-width: 767px) {
 html body.responsive-bible-chapter > section.introStyles h1 {
  font-size: var(--bibles-psalm-heading-mobile-size, var(--bibles-psalm-heading-h1-size, clamp(1.5rem, 3.1vw, 2.1rem))) !important;
  font-weight: var(--bibles-psalm-heading-mobile-weight, 700) !important;
  line-height: var(--bibles-psalm-heading-mobile-line-height, 1.6) !important;
 }
 html body.responsive-bible-chapter > section.introStyles h2 {
  font-size: var(--bibles-psalm-heading-mobile-size, var(--bibles-psalm-heading-h2-size, clamp(1.5rem, 3.1vw, 2.1rem))) !important;
  font-weight: var(--bibles-psalm-heading-mobile-weight, 700) !important;
  line-height: var(--bibles-psalm-heading-mobile-line-height, 1.3) !important;
 }
 html body.responsive-bible-chapter > section.introStyles h3 {
  font-size: var(--bibles-psalm-heading-mobile-size, var(--bibles-psalm-heading-h3-size, clamp(1.45rem, 2.8vw, 1.95rem))) !important;
  font-weight: var(--bibles-psalm-heading-mobile-weight, 700) !important;
  line-height: var(--bibles-psalm-heading-mobile-line-height, 1.3) !important;
 }
 html body.responsive-bible-chapter > section.introStyles h4 {
  font-size: var(--bibles-psalm-heading-mobile-size, var(--bibles-psalm-heading-h4-size, clamp(1.1rem, 2.1vw, 1.5rem))) !important;
  font-weight: var(--bibles-psalm-heading-mobile-weight, 700) !important;
  line-height: var(--bibles-psalm-heading-mobile-line-height, 1.3) !important;
 }
}
/* Psalm titles such as 'A Song of Praise' share the correct subtitle treatment. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 > .poetryContent > h2 {
  color: var(--bibles-psalm-subtitle-ink, #674d23) !important;
  -webkit-text-fill-color: var(--bibles-psalm-subtitle-ink, #674d23) !important;
  font-family: var(--bibles-psalm-subtitle-font, "Noto Serif", Georgia, serif) !important;
  font-style: italic !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-shadow: var(--bibles-psalm-subtitle-shadow, none) !important;
  margin: 1.4rem auto .5rem !important;
  white-space: normal !important;
}
/* Psalm 119 also starts each of its 22 Hebrew acrostic stanzas with a
   decorated first word; use the same relative sizing as Psalm 11. */
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 p.psalm119-opening .poetryFirstLetterDropCap {
  font-size: 1.65rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 .08em 0 0 !important;
  vertical-align: -.045em !important;
}
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 p.psalm119-opening .poetrySecondLetterDropCap {
  font-size: 1.1rem !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* BIBLES.MY — ORIGINAL PSALM-BY-PSALM DESCRIPTION EDITION, 2026-10-21.
   Applies only below Scripture to the About Psalms Chapter sections.
   Do not change Hebrew poetry or page heading styles. */
#chapter-description.psalm-expanded-description p.psalm-summary-book {
  font-family: "Noto Sans Display", Arial, Helvetica, sans-serif;
  font-size: .88em;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  text-indent: 0;
  margin: .15rem auto 1.25rem;
  opacity: .85;
}
#chapter-description.psalm-expanded-description h3.psalm-summary-heading {
  display: block;
  font-family: "Noto Sans Display", Arial, Helvetica, sans-serif;
  font-size: 1.04em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  color: inherit;
  background: transparent;
  text-shadow: none;
  margin: 1.15rem 0 .35rem;
  padding: 0;
}
#chapter-description.psalm-expanded-description p.psalm-summary-paragraph {
  font-family: "Noto Sans Display", Arial, Helvetica, sans-serif;
  font-size: .95em;
  font-weight: 400;
  line-height: 1.7;
  text-align: justify;
  text-align-last: left;
  text-indent: 3rem;
  color: inherit;
  margin: 0 0 .75rem;
  padding: 0;
  overflow-wrap: break-word;
}
#chapter-description.psalm-expanded-description .psalm-summary-key-verse {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  margin: .15rem 0 1rem;
  padding: .55rem 0 .55rem 1rem;
  border-left: 3px solid currentColor;
  background: transparent;
  color: inherit;
  text-align: left;
  text-shadow: none;
}
#chapter-description.psalm-expanded-description .psalm-summary-key-verse p.psalm-summary-key-text,
#chapter-description.psalm-expanded-description .psalm-summary-key-verse p.psalm-summary-key-reference {
  font-family: "Noto Sans Display", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-indent: 0;
  text-align: left;
  hyphens: auto;
  color: inherit;
  text-shadow: none;
}
#chapter-description.psalm-expanded-description .psalm-summary-key-verse p.psalm-summary-key-text {
  font-size: .95em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.65;
}
#chapter-description.psalm-expanded-description .psalm-summary-key-verse p.psalm-summary-key-reference {
  font-size: .82em;
  font-weight: 600;
  line-height: 1.5;
  margin-top: .45rem;
}
#chapter-description.psalm-expanded-description nav.psalm-summary-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin: 1rem 0;
  font-family: "Noto Sans Display", Arial, Helvetica, sans-serif;
  font-size: .88em;
  text-align: center;
}
#chapter-description.psalm-expanded-description .psalm-summary-links a,
#chapter-description.psalm-expanded-description .psalm-summary-key-reference a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .17em;
}
#chapter-description.psalm-expanded-description .psalm-summary-links a:focus-visible,
#chapter-description.psalm-expanded-description .psalm-summary-key-reference a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (max-width: 540px) {
  #chapter-description.psalm-expanded-description .psalm-summary-key-verse {padding-left: .65rem;}
  #chapter-description.psalm-expanded-description p.psalm-summary-paragraph {text-indent: 2rem;}
}

/* BIBLES.MY — Responsive Psalms chapter-description reading column (2026-10-25)
   Match the visible width of non-Psalm chapter descriptions (e.g. Judges 1),
   instead of using the full poetry container or full viewport. These widths
   are fluid viewport percentages, not fixed rem or px widths. Scope all
   rules to the editorial section only; leave the Psalm poetry untouched. */
html body #chapter-description.bibles-chapter-description.psalm-expanded-description {
  box-sizing: border-box !important;
  display: block !important;
  width: 45vw !important;
  max-width: calc(100% - 24px) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html body #chapter-description.bibles-chapter-description.psalm-expanded-description {
    width: 38.7vw !important;
  }
}
@media screen and (max-width: 767px) {
  html body #chapter-description.bibles-chapter-description.psalm-expanded-description {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }
}


/* BIBLES.MY — PSALMS: KEEP THE VERSE TOOLTIP DIRECTLY BELOW ITS NUMBER
   (both themes; CELV and KJV; including the illuminated opening verse and
   the Psalm 119 acrostic layout).

   Earlier generic popups used `top:100%`, which can resolve below the full
   height of a multi-line poetry line/float. Anchor the pseudo-element to the
   verse-number glyph itself, using a font-relative pixel offset instead.
   Do not change number gutter, float, poetry text, line breaks or theme colours. */
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper :is(span.verse, span.verseHeadingPoetry)[data-title]:hover,
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 :is(span.verseWide, span.verseHeadingWide)[data-title]:hover {
  position: relative !important;
  z-index: 200000 !important;
}
/* Psalm 119 uses an unusually specific `position:static !important` rule.
   Override it so its tooltip also anchors to the number, not the row. */
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza .psalmWrapper
 p.psalmCenter.psalm119-verse > :is(span.verseWide, span.verseHeadingWide)[data-title]:hover {
  position: relative !important;
  z-index: 200000 !important;
}
html body.responsive-bible-chapter section.poetryPageStyling.bibles-psalm-illuminated
 div.psalmWrapper :is(span.verse, span.verseHeadingPoetry)[data-title]:hover::after,
html body.responsive-bible-chapter section#psalm119-page .psalm119-stanza
 :is(span.verseWide, span.verseHeadingWide)[data-title]:hover::after {
  position: absolute !important;
  left: 0 !important;
  top: calc(1em + 4px) !important;
  margin: 0 !important;
  z-index: 200001 !important;
}