/* =========================================================
   PNP – TYPOGRAFIA (jedno źródło prawdy)
   FILE: /public/assets/css/pnp_typography.css
   ========================================================= */

:root{
  --pp-font-body: Georgia, "Times New Roman", Times, serif;
  --pp-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --pp-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", Times, serif;

  --pp-size-h1:    clamp(22px, 1.6vw + 16px, 32px);
  --pp-size-h2:    clamp(18px, 1.0vw + 14px, 24px);
  --pp-size-h3:    clamp(16px, 0.7vw + 13px, 20px);

  --pp-size-body:  clamp(16px, 0.6vw + 14px, 18px);
  --pp-size-instr: clamp(14px, 0.3vw + 13px, 16px);
  --pp-size-table: clamp(14px, 0.35vw + 13px, 16px);
  --pp-size-micro: clamp(12px, 0.25vw + 11px, 14px);

  --pp-lh-h1: 1.20;
  --pp-lh-h2: 1.25;
  --pp-lh-body: 1.70;
  --pp-lh-instr: 1.55;
  --pp-lh-table: 1.45;
  --pp-lh-micro: 1.35;
}

/* Global */
body{
  font-family: var(--pp-font-body);
  font-size: var(--pp-size-body);
  line-height: var(--pp-lh-body);
}

/* Nagłówki */
.page-container h1,
.wrap h1,
.wrap-inter h1,
,
.wrap h1,
.verse-header h1{
  font-family: var(--pp-font-heading);
  font-size: var(--pp-size-h1);
  line-height: var(--pp-lh-h1);
  font-weight: 800;
}

.page-container h2,
.wrap h2,
.wrap-inter h2,
.verse-block h2{
  font-family: var(--pp-font-heading);
  font-size: var(--pp-size-h2);
  line-height: var(--pp-lh-h2);
  font-weight: 800;
}

/* Tekst główny */
.verse-text,
.chapter-text .verse-text,
.verse-block p{
  font-family: var(--pp-font-body);
  font-size: var(--pp-size-body);
  line-height: var(--pp-lh-body);
}

/* UI / panele */
.verse-search-panel,
.verse-search-heading,
.verse-nav,
.search-box,
label,
select,
input,
.btn-main,
.source-note,
.dbg{
  font-family: var(--pp-font-ui);
}

.source-note,
.dbg{
  font-size: var(--pp-size-micro);
  line-height: var(--pp-lh-micro);
}

/* Interlinear – docelowo wyczyścimy !important w widokach */
.interlinear-table{
  font-family: var(--pp-font-ui);
  font-size: var(--pp-size-table);
  line-height: var(--pp-lh-table);
}

/* Interlinear – odstępy w komórkach (bez !important, bo pnp_typography.css jest ładowany na końcu) */
.pp-interlinear-wrap .interlinear-table th,
.pp-interlinear-wrap .interlinear-table td{
  padding: 10px 10px;
}

@media (max-width: 900px){
  .pp-interlinear-wrap .interlinear-table th,
  .pp-interlinear-wrap .interlinear-table td{
    padding: 9px 9px;
  }
}

/* =========================================================
   PNP-TYPO-HEADINGS-TABLE-SOURCES-V1 | 2025-12-16 20:08 NY
   1) większe tytuły (h1/h2/h3) we wszystkich sekcjach
   2) tabela interlinii: Georgia
   3) sekcja "Źródła" (desktop): mniejsza treść, tytuły bez zmian
========================================================= */

/* 1) Tytuły: większe wszędzie */
.page-container h1,
.wrap h1,
.verse-header h1{
  font-size: calc(var(--pp-size-h1) + 4px) !important;
}

.page-container h2,
.wrap h2,
.verse-block h2{
  font-size: calc(var(--pp-size-h2) + 3px) !important;
}

.page-container h3,
.wrap h3,
.wrap-inter h3,
.verse-block h3{
  font-size: calc(var(--pp-size-h3) + 2px) !important;
}

/* 2) Interlinia: tabela ma być Georgia */
.interlinear-table,
.interlinear-table td{
  font-family: Georgia, "Times New Roman", Times, serif !important;
}

/* 3) "Źródła" na desktop: mniejsza treść (bez ruszania tytułów) */
@media (min-width: 901px){
  .pp-sources ul,
  .pp-sources ol,
  .pp-sources li,
  #pp-sources ul,
  #pp-sources ol,
  #pp-sources li,
  .pp-sources p,
  #pp-sources p{
    font-size: 0.95em !important;
    line-height: 1.45 !important;
  }
}

/* =========================================================
   PNP-SEARCH+RELATED-HEADINGS-V2 | 2025-12-17 01:35 NY
   1) Wyszukiwarka: "Księga / Rozdział / Werset" większe i równe
   2) Interlinia: "Podpowiedź..." mniejsze na DESKTOP
   3) Powiązane wersety: tytuły (Rdz 12:1–3 itd.) = Georgia
   UWAGA: nie dotykamy tła.
========================================================= */

/* 1) Wyszukiwarka: etykiety równe + trochę większe */
.verse-search-panel .vsp-field label,
.verse-search-panel .vsp-verse-label{
  font-family: var(--pp-font-ui) !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.verse-search-panel .vsp-verse-label{
  display:block !important;
  margin: 0 0 6px 0 !important;
}

/* 2) Interlinia: "Podpowiedź..." mniejsze na desktop */
@media (min-width: 901px){
  .pp-interlinear-wrap .morph-help-text,
  .interlinear-wrapper .morph-help-text,
  .verse-block .morph-help-text{
    font-size: 0.92em !important;
    line-height: 1.35 !important;
  }
}

/* 3) Powiązane wersety: tytuły = Georgia (tylko H3, nie treść) */
.pp-related-block .pp-related-verse > h3,
.pp-related .related-verse > h3,
.related-verse > h3{
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 0 8px 0 !important;
}

/* =========================================================
   PNP-INTERLINEAR-HINT-DESKTOP-FIX-V1 | 2025-12-17 02:05 NY
   Cel: "Podpowiedź..." w interlinii mniejsza na DESKTOP.
========================================================= */
@media (min-width: 901px){
  body .page-container .pp-interlinear-wrap .morph-help-text,
  body .page-container .interlinear-wrapper .morph-help-text,
  body .page-container .verse-block .morph-help-text{
    font-size: 0.92em !important;
    line-height: 1.35 !important;
  }
}

/* =========================================================
   PNP-MOBILE-BIGTEXT-SELECTED-SECTIONS-V1 | 2025-12-17 02:55 NY
   TYLKO MOBILE: większa czcionka w sekcjach:
   - Przekład Septuaginty (LXX)
   - Przekład Tysiąclecia
   - Komentarz krótki
   - Komentarz rozszerzony
   - Powiązane wersety
   Desktop bez zmian.
   (STARE BLOKI ZOSTAWIAMY.)
========================================================= */
@media (max-width: 900px){

  /* LXX = 2. sekcja .verse-block na stronie wersetu */
  .page-container > section.verse-block:nth-of-type(2) .verse-text,

  /* BT = 3. sekcja .verse-block na stronie wersetu */
  .page-container > section.verse-block:nth-of-type(3) .verse-text,

  /* Komentarz krótki = pierwsza sekcja po interlinii */
  .page-container > section.verse-block.verse-interlinear + section.verse-block p,

  /* Komentarz rozszerzony = druga sekcja po interlinii */
  .page-container > section.verse-block.verse-interlinear + section.verse-block + section.verse-block p,
  .page-container > section.verse-block.verse-interlinear + section.verse-block + section.verse-block li,

  /* Powiązane wersety = tekst wersetu (nie źródło) */
  .page-container > section.verse-block.pp-related-block .pp-related-text{
    font-size: 1.10em !important;
    line-height: 1.75 !important;
  }

  /* Źródło pod powiązanymi zostaje małe */
  .page-container > section.verse-block.pp-related-block .source-note{
    font-size: var(--pp-size-micro) !important;
    line-height: var(--pp-lh-micro) !important;
  }
}

/* =========================================================
   PNP-MOBILE-BIGTEXT-SELECTED-SECTIONS-V2 | 2025-12-17 03:10 NY
   Cel: TYLKO MOBILE – większa czcionka w wybranych sekcjach:
   - Przekład Septuaginty (LXX)
   - Przekład Tysiąclecia
   - Komentarz krótki
   - Komentarz rozszerzony
   - Powiązane wersety
   Nie ruszamy desktopu, tła, ramek.
========================================================= */

@media (max-width: 900px){

  /* Trafiamy po nagłówkach sekcji (pewniak, bo masz te H2 w HTML) */
  .verse-block h2{
    /* nic – nie dotykamy tytułów */
  }

  /* LXX: h2 + treść tylko w tej sekcji */
  .verse-block h2:matches(:not(*)){}
  /* fallback bez :has/:matches – robimy po tekście nagłówka przez ID/klasy poniżej */

  /* 1) Sekcja: Przekład Septuaginty (LXX) */
  .verse-block h2 + p.verse-text,
  .verse-block h2 + p.verse-text.external{
    /* nic – to byłby za szeroki selector, więc poniżej precyzyjnie po kolejności */
  }

  /* Precyzyjnie: na stronie verse.php te sekcje idą w stałej kolejności,
     więc łapiemy je przez :nth-of-type na .verse-block (NIE zmienia tła)
     UWAGA: działa jeśli układ bloków jest stały jak u Ciebie na screenie. */

  /* 2. blok: LXX */
  .page-container > .verse-block:nth-of-type(2) .verse-text,
  .page-container > .verse-block:nth-of-type(2) p,
  /* 3. blok: Tysiąclecia */
  .page-container > .verse-block:nth-of-type(3) .verse-text,
  .page-container > .verse-block:nth-of-type(3) p,
  /* Komentarz krótki i rozszerzony są dalej – łapiemy po nagłówku w samym bloku */
  .page-container .verse-block h2 + p,
  .page-container .verse-block h2 + ul,
  .page-container .verse-block h2 + ol,
  /* Powiązane wersety (masz pp-related-block i pp-related-text) */
  .pp-related-block .pp-related-text,
  .pp-related-block .verse-text,
  .pp-related-block p{
    font-size: 1.14em !important;
    line-height: 1.75 !important;
  }

  /* Komentarz rozszerzony – listy, żeby nie były mikre */
  .page-container .verse-block h2 + ul li,
  .page-container .verse-block h2 + ol li{
    font-size: 1.14em !important;
    line-height: 1.75 !important;
  }
}

/* =========================================================
   PNP-MOBILE-READABILITY-ONLY-SECTIONS-V1 | 2025-12-17 04:55 NY
   Cel: zwiększyć czcionkę TYLKO na mobile w sekcjach:
   - Przekład Septuaginty (LXX)
   - Przekład Tysiąclecia
   - Komentarz krótki
   - Komentarz rozszerzony
   - Powiązane wersety
   UWAGA: desktop bez zmian, tła nie ruszamy.
========================================================= */

@media (max-width: 900px){

  /* 1) LXX (tam gdzie jest .verse-text.greek) */
  .verse-block .verse-text.greek{
    font-size: 1.12em !important;
    line-height: 1.75 !important;
  }

  /* 2) Przekład Tysiąclecia (tam gdzie jest .verse-text.external) */
  .verse-block .verse-text.external{
    font-size: 1.12em !important;
    line-height: 1.75 !important;
  }

  /* 3) Komentarz krótki (sekcja: h2 + zwykłe <p> bez klasy .verse-text)
        Wykluczamy: źródła i powiązane */
  .page-container section.verse-block:not(.pp-sources):not(.pp-related-block):has(> h2 + p:not(.verse-text)) p{
    font-size: 1.10em !important;
    line-height: 1.72 !important;
  }

  /* 4) Komentarz rozszerzony (sekcja: h2 + <ul>)
        Wykluczamy: źródła i powiązane */
  .page-container section.verse-block:not(.pp-sources):not(.pp-related-block):has(> h2 + ul) li{
    font-size: 1.08em !important;
    line-height: 1.70 !important;
  }

  /* 5) Powiązane wersety */
  .pp-related-block .pp-related-text,
  .pp-related-block .verse-text{
    font-size: 1.12em !important;
    line-height: 1.72 !important;
  }
}

/* ==========================================================
   PNP TYPOGRAFIA – STRONA STRONG (pnp-page-strong)
   PNP-ADDED: 2025-12-18 11:32 (America/New_York)
   ZASADA: tutaj fonty i rozmiary, nigdzie indziej.
========================================================== */
body.pnp-page-strong{
  font-size: 20px;
  line-height: 1.55;
}
@media (max-width: 720px){
  body.pnp-page-strong{ font-size: 19px; }
}
body.pnp-page-strong h1{ font-size: 30px; margin: 0 0 6px 0; }
@media (max-width: 720px){
  body.pnp-page-strong h1{ font-size: 26px; }
}
body.pnp-page-strong .pnp-badge{ font-size: 13px; }

/* ==========================================================
   PNP • TYPOGRAFIA: strona do czytania (chapter.php)
   TYLKO: font-family, font-size, line-height, typografia.
========================================================== */

body.pnp-reading-page{
  font-family: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
}

.pnp-reading-banner .pnp-title{
  font-family: "Cinzel Decorative", "Cormorant Garamond", serif;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pnp-reading-banner .pnp-subtitle{
  font-family: "IM Fell English SC", "Cormorant Garamond", serif;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.pnp-reading-h1{
  font-size: 30px;
  line-height: 1.15;
  margin: 0 0 6px 0;
}

.pnp-reading-muted{
  font-size: 14px;
  line-height: 1.35;
}

.pnp-verse-text{
  font-size: 21px;
  line-height: 2.05;
}

@media (max-width: 800px){
  .pnp-reading-banner .pnp-title{ font-size: 20px; }
  .pnp-reading-banner .pnp-subtitle{ font-size: 12px; }
  .pnp-reading-h1{ font-size: 24px; }

  .pnp-verse-text{
    font-size: 20px;
    line-height: 2.10;
  }
}

/* ==========================================================
   PNP — Reading (TYPOGRAFIA)
   TYLKO: font-size / line-height / font-weight
========================================================== */

.pnp-read-page .pnp-read-top .t1 { font-size: 30px; line-height: 1.15; }
.pnp-read-page .pnp-read-top .t2 { font-size: 15px; line-height: 1.2; }

.pnp-read-page .pnp-read-title { font-size: 30px; line-height: 1.15; font-weight: 900; }
.pnp-read-page .pnp-read-sub  { font-size: 14px; line-height: 1.35; }

.pnp-read-page .pnp-verse-text{
  font-size: 20px;
  line-height: 1.85;
}

@media (max-width: 700px){
  .pnp-read-page .pnp-read-top .t1 { font-size: 20px; }
  .pnp-read-page .pnp-read-top .t2 { font-size: 12px; }
  .pnp-read-page .pnp-verse-text{
    font-size: 21px;
    line-height: 1.95;
  }
}


/* inter.php: cytat w .card */
.wrap-inter .card{
  font-family: var(--pp-font-body);
  font-size: var(--pp-size-body);
  line-height: var(--pp-lh-body);
}

/* =========================================================
   PNP-INTER-PAGE-TYPO-FIX-V1 | 2026-01-05
   Cel: inter.php ma brać typografię TYLKO stąd.
   Naprawa: cytat w .wrap-inter .card + bezpieczne whitespace.
========================================================= */
.wrap-inter {
  font-family: var(--pp-font-body);
  font-size: var(--pp-size-body);
  line-height: var(--pp-lh-body);
}

.wrap-inter .card {
  font-family: var(--pp-font-body) !important;
  font-size: var(--pp-size-body) !important;
  line-height: var(--pp-lh-body) !important;
  white-space: normal !important;
}


/* =========================================================
   PNP – PAREN SOFT V1 (Opcja 1) | 2026-01-05
   Cel: nawiasy i treść w nawiasie mniej dominujące, nadal czytelne.
   HTML: chapter.php owija (...) w <span class="pp-paren">(...)</span>
========================================================= */

/* Domyślnie: “ciszej”, minimalnie mniejszy rozmiar */
.pp-paren{
  opacity: .78;
  font-size: .93em;
  font-weight: 500;
}

/* Jeśli w nawiasach są linki/strong/em – niech też nie krzyczą */
.pp-paren a{ opacity: .92; }
.pp-paren strong{ font-weight: 650; opacity: .92; }
.pp-paren em{ opacity: .92; }

/* Reading pages (chapter.php) – tam tekst jest większy, więc nawiasy jeszcze delikatniej */
body.pnp-reading-page .pp-paren,
.pnp-read-page .pp-paren{
  opacity: .74;
  font-size: .92em;
}

/* Light theme – trochę mocniej, żeby nie znikło */
html[data-theme="light"] .pp-paren{ opacity: .85; }
html[data-theme="light"] body.pnp-reading-page .pp-paren,
html[data-theme="light"] .pnp-read-page .pp-paren{
  opacity: .82;
}


/* =========================================================
   PNP – PAREN SOFT V1.1 (RHYTHM) | 2026-01-05
   Ulepszenie Opcji 1: kursywa + delikatny tracking
   Cel: nawiasy mniej “sklejają” rytm zdania, ale nadal czytelne.
========================================================= */

.pp-paren{
  font-style: italic;
  letter-spacing: 0.015em;
}

/* Reading pages (chapter.php / read) – jeszcze subtelniej */
body.pnp-reading-page .pp-paren,
.pnp-read-page .pp-paren{
  letter-spacing: 0.02em;
}


/* =========================================================
   PNP – PAREN SOFT V1.1 (RHYTHM) | 2026-01-05
   Ulepszenie Opcji 1: kursywa + delikatny tracking
   Cel: nawiasy mniej “sklejają” rytm zdania, ale nadal czytelne.
========================================================= */

.pp-paren{
  font-style: italic;
  letter-spacing: 0.015em;
}

/* Reading pages (chapter.php / read) – jeszcze subtelniej */
body.pnp-reading-page .pp-paren,
.pnp-read-page .pp-paren{
  letter-spacing: 0.02em;
}


/* =========================================================
   PNP-PAREN-DAYNIGHT-TUNE-V1 | 2026-01-05
   Cel:
   - DAY: mocniejszy czarny dla tekstu (bez bold)
   - NIGHT: nawiasy szare, lekko ciemniejsze (mniej rażące), ale czytelne
   - plus mały odstęp przed nawiasem: "Księga (rodowód)" optycznie, bez zmiany treści
========================================================= */

/* Zmienne kolorów (fallback: inherit) */
html[data-theme="light"]{ --pp-reading-fg: #000; --pp-paren-fg: rgba(0,0,0,.55); }
html[data-theme="dark"] { --pp-reading-fg: rgba(255,255,255,.92); --pp-paren-fg: rgba(255,255,255,.52); } /* nawiasy odrobinę ciemniejsze */

/* Czytanie rozdziału (chapter.php) */
body.pnp-reading-page{ color: var(--pp-reading-fg, inherit) !important; }

/* Nawiasy: mniej dominujące, ale nadal super czytelne */
body.pnp-reading-page .pp-paren{
  color: var(--pp-paren-fg, inherit);
  font-size: 0.92em;
  font-style: italic;
  opacity: 0.90;        /* zostawiamy czytelność, kolor robi "soft" */
  margin-left: .18em;   /* klucz: nie zlewa się z poprzednim słowem */
  white-space: normal;
}

/* Jeśli kiedyś theme nie idzie przez html[data-theme], a np. przez body: */
body[data-theme="light"].pnp-reading-page{ color:#000; }
body[data-theme="dark"].pnp-reading-page{ color:rgba(255,255,255,.92); }
body[data-theme="dark"].pnp-reading-page .pp-paren{ color:rgba(255,255,255,.52); }


/* PNP-PAREN-TEST3-RHYTHM-BEGIN
   Cel: lepsza czytelność przez rytm tekstu (bez bold).
*/
body.pnp-reading-page .pnp-verse-text,
body.pnp-read-page .pnp-verse-text,
.chapter-text .verse-text{
  letter-spacing: 0.002em;
  line-height: 1.95;
}

/* mobile: minimalnie ciaśniej, żeby nie rosło zbyt mocno */
@media (max-width: 800px){
  body.pnp-reading-page .pnp-verse-text,
  body.pnp-read-page .pnp-verse-text,
  .chapter-text .verse-text{
    line-height: 1.90;
  }
}
/* PNP-PAREN-TEST3-RHYTHM-END */

/* PNP-PAREN-TEST2-SHADOW-BEGIN
   Cel: tryb dzienny — mocniej “czarny” BEZ bold (bez wpływu na kopiowanie).
   Nawiasy (span.pp-paren) pozostają bez cienia.
*/
html[data-theme="light"] body.pnp-reading-page .pnp-verse-text,
html[data-theme="light"] body.pnp-read-page .pnp-verse-text,
html[data-theme="light"] .chapter-text .verse-text,
html[data-theme="light"] .verse-text{
  /* 2 warstwy: pierwsza “dociąża”, druga minimalnie pogłębia krawędzie */
  text-shadow:
    0 0 .70px rgba(0,0,0,.55),
    0 0 1.40px rgba(0,0,0,.18);
}

/* tryb nocny zostawiamy bez zmian (jeśli masz osobny blok na noc, nie ruszamy) */

/* nawiasy: bez pseudo-bold */
.pp-paren{
}
/* PNP-PAREN-TEST2-SHADOW-END */


/* PNP-DARK-ACTIVE-VERSE-BG-V1-BEGIN
   Cel: chapter.php (tryb nocny) — aktywny werset (.verse-line.pp-active) ma mieć CIEMNIEJSZE tło.
*/
body.pp-dark .verse-line.pp-active{
  background: rgba(255,255,255,.04) !important;   /* było za jasno -> mniej bieli */
  border-color: rgba(255,255,255,.08) !important;
}

/* jeśli używasz “pp-on-progress” jako chwilowe podświetlenie */
body.pp-dark .verse-line.pp-on-progress{
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.07) !important;
}
/* PNP-DARK-ACTIVE-VERSE-BG-V1-END */


/* PNP-DARK-FOOTER-BG-V1-BEGIN
   Cel: w trybie ciemnym stopka NIE ma być beżowa/jasna.
   Działa tylko gdy <body> ma klasę pp-dark.
*/
body.pp-dark footer,
body.pp-dark .footer,
body.pp-dark .site-footer,
body.pp-dark #footer,
body.pp-dark #pp-footer,
body.pp-dark .pp-footer{
  background: #0b0f16 !important;
  color: rgba(255,255,255,.70) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

body.pp-dark footer a,
body.pp-dark .footer a,
body.pp-dark .site-footer a,
body.pp-dark #footer a,
body.pp-dark #pp-footer a,
body.pp-dark .pp-footer a{
  color: rgba(255,255,255,.78) !important;
  text-decoration-color: rgba(255,255,255,.25) !important;
}
/* PNP-DARK-FOOTER-BG-V1-END */


/* PNP-DARK-RBX-FOOTNOTE-V1-BEGIN
   Cel: w trybie ciemnym stopka (#rbx-footnote) nie ma być jasna/beżowa.
   Uwaga: #rbx-footnote ma style w inline <style> na końcu HTML, więc dajemy !important.
*/
body.pp-dark #rbx-footnote{
  background: rgba(11,15,22,.96) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.72) !important;
}

body.pp-dark #rbx-footnote .f1{
  color: rgba(255,255,255,.86) !important;
}

body.pp-dark #rbx-footnote .f2,
body.pp-dark #rbx-footnote .f3{
  color: rgba(255,255,255,.72) !important;
}
/* PNP-DARK-RBX-FOOTNOTE-V1-END */



/* =========================================================
   PNP-VERSE-INTERLINEAR-TYPO-KILLSHOT-V1 | 2026-01-08
   Cel: wygrać z verse.css (nawet gdy oba mają !important).
   Tylko dla tabeli interlinii na verse.php.
========================================================= */
body .page-container section.verse-block.verse-interlinear table.interlinear-table,
body .page-container section.verse-block.verse-interlinear table.interlinear-table th,
body .page-container section.verse-block.verse-interlinear table.interlinear-table td{
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: var(--pp-size-table) !important;
  line-height: var(--pp-lh-table) !important;
}

/* PNP_GREEK_VERSE_STRONG_TYPO_V1_BEGIN */
.pp-greek-verse{
  font-size: 30px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.2px;
}
.pp-greek-strong-line{
  font-size: 16px !important;
  line-height: 1.35 !important;
  opacity: 0.92;
  word-spacing: 6px;
}
/* Mobile */
@media (max-width: 900px){
  .pp-greek-verse{ font-size: 34px !important; }
  .pp-greek-strong-line{ font-size: 17px !important; }
}
/* PNP_GREEK_VERSE_STRONG_TYPO_V1_END */