/* Nawigacja pielgrzymki — wspólna dla wszystkich stron dzieła.
 * Reguły stały wcześniej w <style> strony głównej i nie dało się ich użyć
 * nigdzie indziej: strona wspólnoty pokazywała gołe odnośniki zlepione
 * w jedną linię. Jeden plik, jedno miejsce do poprawienia. */

.ped-nav{position:sticky;top:0;z-index:9999;display:flex;flex-wrap:wrap;align-items:center;gap:4px;
 padding:9px 16px;background:#04101f;border-bottom:2px solid #d4a437;
 font:600 14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ped-nav a{color:#e8dfc9;text-decoration:none;padding:6px 12px;border-radius:18px;white-space:nowrap}
.ped-nav a:hover{background:#122a45;color:#fff}
.ped-nav a:focus-visible{outline:2px solid #d4a437;outline-offset:2px}
.ped-nav .ped-nav-marka{margin-right:auto;padding-left:0;font-weight:800;color:#fff;
 display:inline-flex;align-items:center;gap:10px}
/* ZNAKU DZIEŁA TU NIE MA — I TO JEST DECYZJA. Pielgrzymka ma własny znak:
   rodzina idąca po otwartej księdze ku Jasnej Górze, z wieżą jasnogórską.
   Rysunek jest gęsty i przy 34 px w pasku nawigacji zamienia się w plamkę —
   sprawdzone na zrzucie. Znak stoi więc tam, gdzie ma miejsce: na stronie
   głównej dzieła, w rozmiarze, w którym widać rodzinę. W pasku zostaje
   sam napis, który jest czytelny zawsze. */
.ped-nav .ped-nav-marka:hover{background:none;text-decoration:underline}
@media(max-width:520px){.ped-nav .ped-nav-marka::before{width:26px;height:34px}}
.ped-nav .ped-nav-teraz{background:#d4a437;color:#04101f}

/* Pasek nawigacji stoi na wierzchu, więc element przewinięty „na górę" chowa
   się pod nim — na zrzucie widać było tytuł modlitwy przecięty w pół.
   Zapas równy wysokości paska zostawia tytuł tam, gdzie go widać. */
.ped-modlitwa, .ped, section[id], [id] {
  scroll-margin-top: 5.5rem;
}