/* v13 - warstwa czytelności. Ładowana jako ostatnia, bez ingerencji w logikę strony. */
:root {
  --szary:#bcc9c3;
}

body {
  font-size:17px;
  line-height:1.7;
}

/* Nagłówek i podstawowe elementy interfejsu */
.logo small { font-size:11px; line-height:1.25; }
.nawigacja a { font-size:14px; }
.przycisk { font-size:14px; }
.obrys { font-size:13px; }
.link-tekst { font-size:13px; }
.etykieta { font-size:11px; line-height:1.5; }
.nadtytul { font-size:11px; line-height:1.5; }

/* Strona główna */
.hero-opis { font-size:17px; line-height:1.85; }
.oferta p { font-size:13px; line-height:1.75; }
.pas-grupa span { font-size:13px; }
.sekcja-gora>p { font-size:15px; line-height:1.85; }
.kreator label { font-size:12px; line-height:1.5; }
.mini-etykieta { font-size:12px; }
.formularz-wiersz>.przycisk { font-size:14px; }
.przyklady>span { font-size:12px; }
.przyklady button { font-size:12px; padding:7px 10px; }
.nazwa-status { font-size:13px; }
.nazwa-pomoc,.nazwa-zasady { font-size:13px; line-height:1.8; }
.krok p { font-size:15px; line-height:1.8; }
.krok-detal { font-size:10px; line-height:1.5; }
.faq-wstep p { font-size:15px; }
.faq-lista summary { font-size:16px; line-height:1.45; }
.faq-lista details p { font-size:15px; line-height:1.85; max-width:620px; }
.zaproszenie p { font-size:12px; }
.stopka { font-size:12px; line-height:1.7; }
.stopka-opis { font-size:13px; }
.stopka-opis>span { font-size:12px; }
.stopka-linki a { font-size:12px; }
.komunikat { font-size:13px; }

/* O autorze */
.autor-wstep .etykieta { font-size:11px; }
.autor-wstep p { font-size:15px; line-height:1.85; }
.autor-opis .nadtytul { font-size:10px; }
.autor-opis p { font-size:15px; line-height:1.8; }
.autor-dziedziny span { font-size:11px; padding:6px 9px; }
.autor-kontakt .nadtytul { font-size:10px; }
.autor-kontakt .przycisk { font-size:13px; }
.autor-kontakt small { font-size:12px; line-height:1.7; }

/* Inicjatywa i SEO */
.inicjatywa-tresc .nadtytul { font-size:10px; }
.inicjatywa-tresc p { font-size:15px; line-height:1.85; }
.inicjatywa-bilet>span { font-size:10px; }
.inicjatywa-bilet p { font-size:13px; }
.inicjatywa-bilet .inicjatywa-bilet-dol { font-size:9px; }
.seo-podsumowanie p { font-size:15px; line-height:1.85; }
.seo-elementy span { font-size:11px; line-height:1.4; }

/* Formularze */
.pole-form label { font-size:13px; line-height:1.5; }
.pole-form input,.pole-form textarea { font-size:16px; line-height:1.6; }
.formularz-pomoc { font-size:13px; line-height:1.75; }
.potwierdzenie-zasad label { font-size:14px; line-height:1.75; }
.potwierdzenie-zasad p { font-size:12px; line-height:1.75; }

/* Umowy i podstrony tekstowe */
.informacja-wazna strong { font-size:16px; }
.informacja-wazna p { font-size:15px; line-height:1.8; }
.umowa-karta p { font-size:15px; line-height:1.8; }
.umowa-karta .przycisk { font-size:13px; }
.aktualizacja-umowy { font-size:12px; }

.dokument-wstep .nadtytul { font-size:11px; }
.dokument-lead { font-size:17px; line-height:1.85; }
.dokument-wersja { font-size:12px; }
.uwaga-robocza strong { font-size:15px; }
.uwaga-robocza p { font-size:14px; line-height:1.85; }
.dokument-spis .nadtytul { font-size:10px; }
.dokument-spis nav a { font-size:13px; line-height:1.5; }
.dokument-spis>.przycisk { font-size:12px; }
.dokument-tresc section>.nadtytul { font-size:10px; }
.dokument-tresc p { font-size:16px; line-height:1.85; }
.dane-organizatora dt,.dane-organizatora dd { font-size:14px; line-height:1.75; }
.dokument-tresc code { font-size:13px; }

/* Drobne elementy dekoracyjne - podniesione tylko lekko, żeby nie zaburzyć kompozycji */
.adres-dymek { font-size:12px; }
.scena-podpis { font-size:9px; }
.scena-stopka { font-size:8px; }
.karta-pasek { font-size:8px; }
.karta-stopka { font-size:10px; }
.znaczek span { font-size:10px; }

@media(max-width:860px) {
  body { font-size:16px; }
  .hero-opis { font-size:16px; }
  .sekcja-gora>p { font-size:15px; max-width:320px; }
  .faq-lista summary { font-size:15px; }
  .stopka { font-size:12px; }
}

@media(max-width:650px) {
  body { font-size:16px; line-height:1.7; }
  .logo small { font-size:10px; }
  .kontakt-przycisk { font-size:12px; }
  .etykieta,.nadtytul { font-size:10px; }
  .hero-opis { font-size:16px; line-height:1.78; }
  .hero-akcje .przycisk,.hero-akcje .link-tekst { font-size:12px; }
  .oferta p { font-size:12px; }
  .pas-grupa span { font-size:11px; }
  .sekcja-gora>p { font-size:15px; }
  .kreator label,.mini-etykieta { font-size:11px; }
  .formularz-wiersz>.przycisk { font-size:13px; }
  .przyklady>span,.przyklady button { font-size:11px; }
  .nazwa-pomoc,.nazwa-zasady { font-size:12px; }
  .krok p { font-size:15px; }
  .krok-detal { font-size:10px; }
  .faq-lista summary { font-size:15px; }
  .faq-lista details p { font-size:15px; }
  .zaproszenie .nadtytul { font-size:9px; }
  .zaproszenie .przycisk { font-size:12px; }
  .zaproszenie p { font-size:11px; }
  .stopka,.stopka-opis,.stopka-linki a { font-size:12px; }
  .stopka-opis>span { font-size:11px; }
  .autor-wstep .etykieta { font-size:10px; }
  .autor-wstep p,.autor-opis p { font-size:15px; }
  .autor-opis .nadtytul,.autor-kontakt .nadtytul { font-size:10px; }
  .autor-dziedziny span { font-size:11px; }
  .autor-kontakt .przycisk { font-size:12px; }
  .autor-kontakt small { font-size:12px; }
  .inicjatywa-tresc p { font-size:15px; }
  .inicjatywa-tresc .nadtytul { font-size:10px; }
  .nazwa-zasady { font-size:12px; }
  .seo-podsumowanie p { font-size:15px; }
  .seo-elementy span { font-size:10px; }
  .pole-form label { font-size:12px; }
  .formularz-pomoc { font-size:12px; }
  .potwierdzenie-zasad label { font-size:13px; }
  .potwierdzenie-zasad p { font-size:12px; }
  .dokument-lead { font-size:16px; }
  .dokument-spis nav a { font-size:12px; }
  .uwaga-robocza strong { font-size:15px; }
  .uwaga-robocza p { font-size:14px; }
  .dokument-tresc p { font-size:15px; line-height:1.8; }
  .dane-organizatora dt,.dane-organizatora dd { font-size:14px; }
  .informacja-wazna p,.umowa-karta p { font-size:15px; }
  .aktualizacja-umowy { font-size:12px; }
}

@media(max-width:380px) {
  .kontakt-przycisk { font-size:11px; }
  .hero-akcje .przycisk,.hero-akcje .link-tekst { font-size:11px; }
  .zaproszenie .przycisk { font-size:11px; }
}