/* Tělo textové stránky. Obsah je HTML z administrace, takže se stylují
   holé tagy — v BEM se to jinak zapsat nedá a jinde se to nesmí dělat.
   Text leží přímo na podkladu stránky ve sloupci pod nadpisem (záhlaví `zahlavi--text`),
   ne v bílé kartě: nadpis a text pod sebou odpovídají tomu, jak se stránka píše
   v editoru administrace. Velikost písma jako odstavce na stránce Tiché víno a DPH. */

.obsah { padding: 0 2rem 6rem; }
.obsah__obal {
  max-width: var(--sirka-clanku, 52rem);
  margin: 0 auto;
  font-size: 1.0625rem;
  line-height: 1.7;
}
.obsah__obal h2 { font-family: var(--font-nadpis, Newsreader, Georgia, serif); font-weight: 500; font-size: 1.625rem; line-height: 1.2; margin: 2rem 0 0.75rem; }
.obsah__obal h3 { font-family: var(--font-nadpis, Newsreader, Georgia, serif); font-weight: 500; font-size: 1.25rem; margin: 1.5rem 0 0.5rem; }
.obsah__obal h2:first-child, .obsah__obal h3:first-child { margin-top: 0; }
/* Odstavce bez odsazení schválně: obsluha je v TinyMCE odděluje prázdným
   řádkem (<p>&nbsp;</p>) a s vlastním margin se mezery sčítaly. Mezera mezi
   odstavci tak vzniká přesně tam, kde ji obsluha vidí v editoru. */
.obsah__obal p { margin: 0; }
.obsah__obal ul, .obsah__obal ol { margin: 0 0 1rem; padding-left: 1.25rem; }
.obsah__obal li { margin-bottom: 0.375rem; }
.obsah__obal a { color: var(--c-akce, hsl(345 62% 36%)); }
/* Tlačítko v textu z administrace — v editoru třída „Tlačítko" (`tlacitko`) v okně odkazu.
   Starší texty mají `btn btn-prim…` ze staré sady; vypadají stejně, aby se nemusely přepisovat.
   Vzhled jako `panorama__btn` na homepage (hlavní výzva webu) — drž je v souladu.
   Text z administrace je i v levém sloupci Kontaktů (`kontakt__udaje`, 14-kontakt.css). */
.obsah__obal a.tlacitko,
.obsah__obal a.btn,
.kontakt__udaje a.tlacitko,
.kontakt__udaje a.btn {
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: var(--r-ovladani, 10px);
  background: var(--c-akce, hsl(345 62% 36%));
  color: hsl(36 40% 97%);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color 0.15s ease, transform 0.15s ease;
}
.obsah__obal a.tlacitko:hover, .obsah__obal a.tlacitko:focus-visible,
.obsah__obal a.btn:hover, .obsah__obal a.btn:focus-visible,
.kontakt__udaje a.tlacitko:hover, .kontakt__udaje a.tlacitko:focus-visible,
.kontakt__udaje a.btn:hover, .kontakt__udaje a.btn:focus-visible { background: var(--c-akce-tmava, hsl(345 62% 30%)); transform: translateY(-1px); }
.obsah__obal img { height: auto; border-radius: var(--r-drobny, 8px); }
.obsah__obal table { width: 100%; border-collapse: collapse; margin: 0 0 1rem; }
.obsah__obal td, .obsah__obal th { padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--c-linka, hsl(334 12% 89%)); text-align: left; }

@media (max-width: 900px) { .obsah { padding: 0 1.5rem 3rem; } }
@media (max-width: 600px) { .obsah { padding: 0 1rem 2.5rem; } }

/* Mapa stránek. Druhá úroveň se odsazuje, ale nedostává vlastní odrážky —
   seznam je krátký a dvojí puntík by z něj dělal obsah knihy. */
.obsah__obal .mapa { list-style: none; padding-left: 0; }  /* přebije .obsah__obal ul */
.mapa__uroven { list-style: none; margin: 0.25rem 0 0; padding-left: 1.25rem; }
.mapa__polozka { margin: 0 0 0.35rem; }