/* ScoutCore 2.1.12.0 — jeden krój pisma we wszystkich artykułach.
   Wzór: Arial / Helvetica, bezszeryfowy tekst ze wskazanego screenu.
   Wiele artykułów z Bloggera / Dokumentów Google zawiera inline styles
   font-family: Lora, Georgia, Verdana i font-size: 11pt. !important jest
   konieczne, aby nadpisać takie atrybuty WYŁĄCZNIE przy wyświetlaniu;
   zawartość bazy i układ edytora pozostają bez zmian.
*/

/* Ten sam krój dla tytułu, zajawki, akapitów, śródtytułów i zagnieżdżeń. */
.article--editorial .article-heading h1,
.article--editorial .article-intro,
.article--editorial .article-intro *,
.article--editorial .article-body,
.article--editorial .article-body * {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Główny tekst: wielkość i rytm ze wzorca (16 px, 1.62). */
.article--editorial .article-body,
.article--editorial .article-intro {
  font-size: 16px !important;
  line-height: 1.62 !important;
}

/* Nadpisanie starych sztywnych font-size na spanach i akapitach.
   Nie ustawiamy font-weight ani font-style: pogrubienia i kursywy zostają.
   Elementy dziedziczą wielkość od najbliższego akapitu / śródtytułu. */
.article--editorial .article-body :is(
  p, div, span, a, b, strong, i, em, u, s, strike, font,
  small, mark, li, ul, ol, blockquote, cite, q, td, th,
  pre, code, figcaption, label
),
.article--editorial .article-intro * {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Zachowujemy hierarchię nagłówków, ale już w tej samej rodzinie pisma. */
.article--editorial .article-body :is(h2, h3, h4, h5, h6) {
  line-height: 1.32 !important;
}
.article--editorial .article-body h2 { font-size: 1.5rem !important; }
.article--editorial .article-body h3 { font-size: 1.25rem !important; }
.article--editorial .article-body h4 { font-size: 1.125rem !important; }
.article--editorial .article-body h5,
.article--editorial .article-body h6 { font-size: 1rem !important; }

/* Indeksy muszą pozostać indeksami (nie zwiększamy ich do 16 px). */
.article--editorial .article-body :is(sub, sup) {
  font-size: .75em !important;
  line-height: 0 !important;
}

/* Dla czytelności na małych ekranach, bez poziomego przewijania. */
.article--editorial .article-body,
.article--editorial .article-intro {
  overflow-wrap: break-word;
}
