/* ──────────────────────────────────────────────────────────────────────────
   przedszkole-dostepnosc — warstwa „bajkowa” (07.10.2026)
   Dokładana NA style.css, nie zamiast. Zasada niezmienna: kolor i krój bawią,
   kontrast i czytelność zostają. Dekoracje nie niosą treści, więc w trybie
   wysokiego kontrastu i w druku po prostu znikają.
   Wszystkie ozdobniki to tła CSS — zero dodatkowych elementów w dokumencie,
   więc nie ma czego ukrywać przed czytnikiem ekranu.
   ────────────────────────────────────────────────────────────────────────── */

/* ── kroje pisma --------------------------------------------------------- */
/* Baloo 2 ma pełny polski komplet znaków (sprawdzone — Fredoka nie ma
   ą ć ę ń ś ź ż i mieszałaby kroje w środku wyrazu). */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(fonty/baloo2-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(fonty/baloo2-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Caveat obcięty do siedmiu znaków słowa „Witamy!” — 4,3 kB zamiast 51 kB. */
@font-face{font-family:'Caveat Akcent';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonty/caveat-akcent.woff2) format('woff2')}

:root{
  --pd-font-naglowek:'Baloo 2','Atkinson Hyperlegible',system-ui,sans-serif;
  --pd-font-akcent:'Caveat Akcent','Baloo 2',cursive;
}

/* Krój ozdobny obejmuje też treść — strona ma wyglądać przedszkolnie, nie
   urzędowo. Wyjątek: statut i standardy ochrony małoletnich. To ściany tekstu
   prawnego, a Atkinson Hyperlegible powstał właśnie po to, żeby odróżnić
   podobne znaki (I/l/1, 0/O) — w takim materiale zostaje. */
body{font-family:var(--pd-font-naglowek)}
.pd-dokument,.pd-dokument p,.pd-dokument li,.pd-dokument td,.pd-dokument th{font-family:var(--pd-font)}

/* Baloo jest optycznie cięższe od Atkinsona, więc nagłówki dostają 600,
   nie 800 — inaczej przy mocno powiększonym tekście robią się ciężkie. */
h1,h2,h3,h4,.pd-kafel__tytul,.pd-grupa__nazwa,.pd-logo__nazwa{
  font-family:var(--pd-font-naglowek);
  font-weight:600;
  letter-spacing:.005em;
}
h1{font-size:clamp(2.05rem,5vw,3.05rem);line-height:1.14}
h2{font-size:clamp(1.62rem,3.5vw,2.25rem);line-height:1.2}

/* odręczny akcent — wyłącznie ozdobnik nad nagłówkiem, nigdy samodzielna treść */
.pd-akcent{
  font-family:var(--pd-font-akcent);
  font-size:clamp(1.55rem,3.4vw,2.15rem);
  color:var(--pd-malina-t);
  line-height:1;
  display:block;
  margin:0 0 .12em;
  transform:rotate(-2.2deg);
  transform-origin:left center;
}

/* ── fale między sekcjami ------------------------------------------------
   Jeden pas na jeden styk: góra w kolorze sekcji nad nim, dół w kolorze sekcji
   pod nim, a granicę rysuje maska.
   🪤 Poprzednia wersja obracała falę o 180°, co odbija ją też w poziomie —
      grzbiety sąsiednich fal się rozjeżdżały i wyglądało to na odwrócone.
      Teraz nic się nie obraca: kierunek wynika z tego, który kolor jest gdzie. */
.pd-fala{
  position:relative;
  height:clamp(26px,4.4vw,54px);
  background:var(--pd-fala-gora,#fff);
  --pd-fala-maska:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 54 480-10 720 22s480 32 720 0v34H0z' fill='%23000'/%3E%3C/svg%3E");
}
.pd-fala::before{
  content:"";position:absolute;inset:0;background:var(--pd-fala-dol,#fff);
  -webkit-mask:var(--pd-fala-maska) center/100% 100% no-repeat;
          mask:var(--pd-fala-maska) center/100% 100% no-repeat;
}
.pd-fala--gora-biel{--pd-fala-gora:#fff}
.pd-fala--gora-slonce{--pd-fala-gora:var(--pd-slonce-b)}
.pd-fala--gora-laguna{--pd-fala-gora:var(--pd-laguna-b)}
.pd-fala--gora-malina{--pd-fala-gora:var(--pd-malina-b)}
.pd-fala--gora-trawa{--pd-fala-gora:var(--pd-trawa-b)}
.pd-fala--gora-kobalt{--pd-fala-gora:var(--pd-kobalt-b)}
.pd-fala--dol-biel{--pd-fala-dol:#fff}
.pd-fala--dol-slonce{--pd-fala-dol:var(--pd-slonce-b)}
.pd-fala--dol-laguna{--pd-fala-dol:var(--pd-laguna-b)}
.pd-fala--dol-malina{--pd-fala-dol:var(--pd-malina-b)}
.pd-fala--dol-trawa{--pd-fala-dol:var(--pd-trawa-b)}
.pd-fala--dol-kobalt{--pd-fala-dol:var(--pd-kobalt-b)}
/* sekcja ciemna ma tło --pd-granat, nie --pd-granat-ciemny */
.pd-fala--dol-granat{--pd-fala-dol:var(--pd-granat)}

/* ── ozdobniki ----------------------------------------------------------- */
.pd-sekcja--ozdobna,.pd-hero{position:relative;overflow:hidden}
.pd-sekcja--ozdobna>.pd-kontener,.pd-hero>.pd-kontener{position:relative;z-index:1}
.pd-sekcja--ozdobna::before,.pd-sekcja--ozdobna::after,
.pd-hero::before,.pd-hero::after{content:"";position:absolute;z-index:0;pointer-events:none;
  background-repeat:no-repeat;background-size:contain}

/* chmurki w hero */
.pd-hero::before{
  top:5%;left:3.5%;width:clamp(62px,10vw,132px);aspect-ratio:2/1;opacity:.85;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'%3E%3Cpath d='M26 52h68a15 15 0 0 0 1.5-29.9A21 21 0 0 0 55 13.5 17 17 0 0 0 26 52z' fill='%23fff'/%3E%3C/svg%3E");
}
/* słońce w prawym górnym narożniku hero */
.pd-hero::after{
  top:-16px;right:4%;width:clamp(68px,11vw,136px);aspect-ratio:1;opacity:.95;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg stroke='%23F5A524' stroke-width='7' stroke-linecap='round'%3E%3Cpath d='M60 6v14M60 100v14M6 60h14M100 60h14M22 22l10 10M88 88l10 10M98 22 88 32M32 88l-10 10'/%3E%3C/g%3E%3Ccircle cx='60' cy='60' r='26' fill='%23F5A524'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion:no-preference){
  .pd-hero::before{animation:pd-plyn 11s ease-in-out infinite}
}
@keyframes pd-plyn{0%,100%{transform:translateX(0)}50%{transform:translateX(18px)}}

/* baloniki — sekcja „dlaczego rodzice wybierają” */
.pd-sekcja--baloniki::after{
  bottom:-10px;right:2%;width:clamp(58px,8vw,104px);aspect-ratio:3/4;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 120'%3E%3Cg fill='none' stroke='%23B01050' stroke-width='2.5'%3E%3Cpath d='M24 54c0 24 10 32 10 32M46 46c0 30 2 40 2 40M68 58c0 22-8 28-8 28'/%3E%3C/g%3E%3Cellipse cx='24' cy='32' rx='21' ry='25' fill='%23E0457B'/%3E%3Cellipse cx='48' cy='22' rx='20' ry='24' fill='%2300A5B5'/%3E%3Cellipse cx='69' cy='36' rx='18' ry='22' fill='%23F5A524'/%3E%3C/svg%3E");
}
/* gwiazdki — sekcja ciemna */
.pd-sekcja--gwiazdki::before{
  top:12%;left:3%;width:clamp(74px,12vw,150px);aspect-ratio:2/1;opacity:.28;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cg fill='%23FFF4DC'%3E%3Cpath d='m20 8 4 11 11 4-11 4-4 11-4-11-11-4 11-4z'/%3E%3Cpath d='m92 44 3 8 8 3-8 3-3 8-3-8-8-3 8-3z'/%3E%3Cpath d='m134 14 3.5 9 9 3.5-9 3.5-3.5 9-3.5-9-9-3.5 9-3.5z'/%3E%3Cpath d='m56 60 2.5 6.5 6.5 2.5-6.5 2.5L56 78l-2.5-6.5L47 69l6.5-2.5z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width:700px){.pd-sekcja--baloniki::after,.pd-sekcja--gwiazdki::before{display:none}}

/* ── kafle ze zdjęciem (pomieszczenia, gabinety) ------------------------- */
.pd-kafle-foto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:clamp(16px,2.4vw,26px);margin-top:1.7em;list-style:none;padding:0}
/* Sześć kafli przy czterech kolumnach zostawia pusty rząd 4+2.
   Od 980 px wymuszamy trzy kolumny — wychodzi równe 3+3. */
@media (min-width:980px){.pd-kafle-foto{grid-template-columns:repeat(3,1fr)}}
.pd-kafel-foto{background:var(--pd-tlo);border-radius:var(--pd-promien-duzy);
  border:2px solid var(--pd-linia-mocna);overflow:hidden;display:flex;flex-direction:column}
.pd-kafel-foto img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.pd-kafel-foto__pasek{height:9px;display:block}
.pd-kafel-foto__tresc{padding:clamp(14px,2vw,20px)}
.pd-kafel-foto__tresc h3{margin:0 0 .35em;font-size:1.12rem;color:var(--k-t,var(--pd-granat))}
.pd-kafel-foto__tresc p{margin:0;color:var(--pd-tekst)}
.pd-kafel-foto:nth-child(6n+1){--k-m:var(--pd-slonce-m);--k-t:var(--pd-slonce-t)}
.pd-kafel-foto:nth-child(6n+2){--k-m:var(--pd-laguna-m);--k-t:var(--pd-laguna-t)}
.pd-kafel-foto:nth-child(6n+3){--k-m:var(--pd-malina-m);--k-t:var(--pd-malina-t)}
.pd-kafel-foto:nth-child(6n+4){--k-m:var(--pd-trawa-m);--k-t:var(--pd-trawa-t)}
.pd-kafel-foto:nth-child(6n+5){--k-m:var(--pd-borowka-m);--k-t:var(--pd-borowka-t)}
.pd-kafel-foto:nth-child(6n+6){--k-m:var(--pd-mandarynka-m);--k-t:var(--pd-mandarynka-t)}
.pd-kafel-foto__pasek{background:var(--k-m,var(--pd-slonce-m))}

/* ── kafelki grup ze zdjęciem -------------------------------------------- */
.pd-grupy--foto{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
/* Siedem kafelków w pięciu kolumnach daje rząd 5+2. Cztery kolumny
   dają równe 4+3 i większe zdjęcia — twarze są czytelniejsze. */
@media (min-width:900px){.pd-grupy--foto{grid-template-columns:repeat(4,1fr)}}
.pd-grupy--foto .pd-grupa{padding:0;overflow:hidden;text-align:left;border-color:var(--k-m)}
.pd-grupa__foto{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.pd-grupa__opis{display:block;padding:14px 16px 16px}
.pd-grupy--foto .pd-grupa__znak{margin:0 0 4px}
@media (max-width:620px){.pd-grupy--foto{grid-template-columns:1fr 1fr}}

/* ── hero: tekst i zdjęcie na całą szerokość ----------------------------- */
.pd-hero__uklad--szerokie{grid-template-columns:1fr}
/* Zapowiedź szła wcześniej do 56 znaków w wierszu i urywała się w pół zdania
   przy kolumnie na całą szerokość. */
.pd-hero__uklad--szerokie p.pd-lead{max-width:none}

/* Tęczowa ramka jak pasek nad menu. border-image nie łączy się z zaokrągleniem,
   więc ramkę robi tło pod obrazkiem. */
.pd-hero__foto-szerokie{
  margin-top:clamp(18px,2.5vw,30px);
  padding:7px;border-radius:calc(var(--pd-promien-duzy) + 7px);
  background:linear-gradient(90deg,var(--pd-slonce-m),var(--pd-malina-m),
             var(--pd-laguna-m),var(--pd-trawa-m),var(--pd-borowka-m),var(--pd-mandarynka-m));
}
.pd-hero__foto-szerokie img{width:100%;height:auto;display:block;border:0;
  border-radius:var(--pd-promien-duzy)}
.pd-hero__uklad--szerokie .pd-przyciski{margin-top:clamp(18px,2.4vw,28px)}

/* ── zdjęcie w treści, pojedyncze ---------------------------------------- */
.pd-foto-pasek{margin:1.8em 0 0}
.pd-foto-pasek img{width:100%;height:auto;display:block;border-radius:var(--pd-promien-duzy);
  border:5px solid var(--pd-laguna-m)}
.pd-foto-pasek figcaption{font-size:.94rem;color:var(--pd-tekst-2);margin-top:9px}

/* ── ruch ---------------------------------------------------------------
   Każda animacja siedzi za trzema bezpiecznikami:
     1. `prefers-reduced-motion` z systemu,
     2. przycisk „Ogranicz ruch” w pasku ułatwień (atrybut data-pd-bez-ruchu),
     3. żadnego migania — WCAG 2.3.1 zabrania powyżej 3 błysków na sekundę,
        a tu nic nie zmienia jasności skokowo.
   Ruch nigdy nie niesie treści: po jego wyłączeniu strona wygląda tak samo,
   tylko bez przesunięć.                                                   */
.pd-wjazd{opacity:0;transform:translateY(18px)}
.pd-wjazd.pd-widoczne{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}

/* kafle i karty lekko się unoszą pod kursorem i przy fokusie */
.pd-kafel,.pd-kafel-foto,.pd-grupa,.pd-karta{transition:transform .25s ease,box-shadow .25s ease}
.pd-kafel:hover,.pd-kafel:focus-visible,.pd-kafel-foto:hover,
.pd-grupa:hover,.pd-karta:hover{transform:translateY(-4px)}
.pd-btn{transition:transform .2s ease}
.pd-btn:hover,.pd-btn:focus-visible{transform:translateY(-2px)}
.pd-galeria img,.pd-kafel-foto img{transition:transform .4s ease}
.pd-galeria figure:hover img,.pd-kafel-foto:hover img{transform:scale(1.04)}

/* słońce w hero obraca się bardzo wolno — pełny obrót w 90 s */
@media (prefers-reduced-motion:no-preference){
  .pd-hero::after{animation:pd-slonce 90s linear infinite}
}
@keyframes pd-slonce{to{transform:rotate(360deg)}}

/* 🔴 wyłącznik: system albo przycisk — zatrzymuje wszystko */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .pd-wjazd{opacity:1;transform:none}
}
:root[data-pd-bez-ruchu] *,
:root[data-pd-bez-ruchu] *::before,
:root[data-pd-bez-ruchu] *::after{animation:none!important;transition:none!important}
:root[data-pd-bez-ruchu] .pd-wjazd{opacity:1;transform:none}

/* ──────────────────────────────────────────────────────────────────────────
   Poprawki z 07.10 — uwagi do układu sekcji na stronie głównej
   ────────────────────────────────────────────────────────────────────────── */

/* ── przyciski ----------------------------------------------------------
   Żółte tło z granatową obwódką było zbyt ciężkie, a waga 800 w Baloo robi
   z napisu zbitą plamę. Teraz: kobalt z fartuszka w logo, biały napis
   (10,19:1), pełne zaokrąglenie i waga 600.                                */
.pd-btn{
  background:var(--pd-kobalt-m);color:#fff;border:3px solid var(--pd-kobalt-m);
  font-weight:600;font-size:1.06rem;letter-spacing:.01em;
  padding:14px 30px;box-shadow:0 2px 0 rgba(0,0,0,.12);
}
.pd-btn:hover,.pd-btn:focus-visible{background:var(--pd-malina-t);border-color:var(--pd-malina-t);color:#fff}
.pd-btn--obrys{background:#fff;color:var(--pd-kobalt-t);border-color:var(--pd-kobalt-m);box-shadow:none}
.pd-btn--obrys:hover,.pd-btn--obrys:focus-visible{background:var(--pd-kobalt-m);color:#fff}
/* na ciemnym tle sekcji kontaktowej obrys musi być biały */
.pd-sekcja--ciemna .pd-btn--obrys{background:transparent;color:#fff;border-color:#fff}
.pd-sekcja--ciemna .pd-btn--obrys:hover,
.pd-sekcja--ciemna .pd-btn--obrys:focus-visible{background:#fff;color:var(--pd-granat-ciemny)}

/* ── „Dlaczego rodzice wybierają” — pełna szerokość ---------------------- */
.pd-lista-plusy li{max-width:none}

/* ── „Najczęściej szukane informacje” -----------------------------------
   Odwrócone stany: kafelek od razu ma kolor swojej rodziny, a pod kursorem
   bieleje. Ikona bez obręczy, cała zawartość wyśrodkowana.                 */
.pd-kafel{background:var(--k-b,var(--pd-tlo-2));text-align:center;align-items:center}
.pd-kafel:hover,.pd-kafel:focus-visible{background:var(--pd-tlo);border-color:var(--k-t,var(--pd-granat))}
.pd-kafel__ikona{
  width:auto;height:auto;border:0;background:none;border-radius:0;
  font-size:46px;line-height:1;margin-bottom:4px;
}
.pd-kafel__opis{text-align:center}
.pd-kafel__strzalka{margin-top:auto;align-self:center}

/* ── „Nasze grupy” ------------------------------------------------------- */
.pd-sekcja--trawa .pd-kontener>p{max-width:none}
.pd-grupy--foto .pd-grupa{text-align:center}
.pd-grupy--foto .pd-grupa__znak{margin:0 auto 2px}
.pd-grupy--foto .pd-grupa__nazwa,.pd-grupy--foto .pd-grupa__wiek{text-align:center}
/* zdanie o przydziale dzieci ma odetchnąć od kafelków i stanąć na środku */
.pd-grupy--foto + p{text-align:center;margin-top:clamp(22px,3vw,38px);
  font-size:1.02rem;color:var(--pd-tekst)}

/* ── „Tak wygląda u nas dzień” — podpisy pod zdjęciami ------------------- */
.pd-galeria figcaption{
  text-align:center;font-size:1.02rem;font-weight:600;
  color:var(--pd-tekst);margin-top:10px;
}

/* ── „Zapraszamy do kontaktu” — grafika z prawej ------------------------- */
.pd-kontakt__uklad{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(20px,3vw,44px);align-items:center}
.pd-kontakt__znak{width:min(100%,250px);height:auto;display:block;margin-inline:auto;
  border-radius:var(--pd-promien-duzy)}
@media (max-width:800px){
  .pd-kontakt__uklad{grid-template-columns:1fr}
  .pd-kontakt__znak{width:min(60%,190px)}
}

/* ── cytat ---------------------------------------------------------------
   Kursywa plus kolorowy znak cudzysłowu — odróżnia cytat od reszty treści
   nie tylko wcięciem.                                                      */
blockquote{
  font-style:italic;
  position:relative;
  margin:1.8em 0 0;padding:clamp(18px,2.4vw,28px) clamp(20px,3vw,34px);
  background:var(--pd-slonce-b);border-radius:var(--pd-promien-duzy);
  border-left:8px solid var(--pd-slonce-m);
}
blockquote p{margin:0;max-width:none}
blockquote p + p{margin-top:.7em}
blockquote::before{
  content:"";position:absolute;top:10px;right:18px;width:46px;height:46px;opacity:.35;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M20 10c-7 3-12 9-12 17v11h15V23h-7c0-5 2-8 6-10zm21 0c-7 3-12 9-12 17v11h15V23h-7c0-5 2-8 6-10z' fill='%23F5A524'/%3E%3C/svg%3E");
}
[data-pd-tryb-kontrast="tak"] blockquote::before{display:none}

/* ── stopka: organ prowadzący w jednej linijce --------------------------- */
.pd-stopka__organ{
  margin:clamp(16px,2.2vw,26px) 0 0;
  font-size:.86rem;line-height:1.5;color:#D7DEE8;max-width:none;
}
.pd-stopka__organ strong{color:#fff}

/* ── Kadra --------------------------------------------------------------- */
.pd-kadra__rysunek{display:block;width:100%;height:auto;margin:0 auto}
.pd-liczby{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:clamp(12px,2vw,20px);margin:1.6em 0 0;list-style:none;padding:0}
.pd-liczba{border:2px solid var(--k-m,var(--pd-slonce-m));border-radius:var(--pd-promien-duzy);
  background:var(--k-b,var(--pd-slonce-b));padding:18px 16px;text-align:center}
.pd-liczba__ile{display:block;font-family:var(--pd-font-naglowek);font-weight:700;
  font-size:clamp(2rem,4vw,2.6rem);line-height:1;color:var(--k-t,var(--pd-granat))}
.pd-liczba__co{display:block;margin-top:6px;font-size:.96rem;color:var(--pd-tekst)}
@media (max-width:560px){.pd-liczby{grid-template-columns:1fr 1fr}}

/* ── logo przedszkola ----------------------------------------------------
   Znak w nagłówku i pełne logo w stopce to pliki rastrowe dostarczone przez
   placówkę — nadajemy im zaokrąglenie spójne z resztą serwisu.             */
.pd-logo__znak{border-radius:12px;object-fit:contain}
.pd-stopka__logo{width:min(100%,208px);height:auto;border-radius:20px;display:block}

/* ── 🔴 wysoki kontrast: ozdobniki znikają w całości ---------------------
   style.css zeruje już palety do czerni i bieli, więc tła sekcji same się
   wyrównują. Zostaje wyłączyć to, co jest wyłącznie dekoracją.            */
[data-pd-tryb-kontrast="tak"] .pd-fala,
[data-pd-tryb-kontrast="tak"] .pd-sekcja--ozdobna::before,
[data-pd-tryb-kontrast="tak"] .pd-sekcja--ozdobna::after,
[data-pd-tryb-kontrast="tak"] .pd-hero::before,
[data-pd-tryb-kontrast="tak"] .pd-hero::after{display:none}
[data-pd-tryb-kontrast="tak"] .pd-akcent{color:#000;transform:none}
[data-pd-tryb-kontrast="tak"] .pd-kafel-foto{border-color:#000}
[data-pd-tryb-kontrast="tak"] .pd-kafel-foto__pasek{background:#000}
[data-pd-tryb-kontrast="tak"] .pd-foto-pasek img{border-color:#000}
/* Logo zostaje w swoich barwach — WCAG wyłącza logotypy spod wymagań
   kontrastu, a odbarwione logo przestaje pełnić swoją rolę. W stopce
   dokładamy białą ramkę, żeby granatowy kafel odciął się od czerni. */
[data-pd-tryb-kontrast="tak"] img.pd-logo__znak,
[data-pd-tryb-kontrast="tak"] img.pd-stopka__logo{filter:none}
[data-pd-tryb-kontrast="tak"] img.pd-stopka__logo{border:3px solid #fff}
/* Przy mocno powiększonym tekście krój ozdobny ustępuje miejsca
   Atkinsonowi — jest węższy i mniej się rozjeżdża. */
[data-pd-skala="2"] h1,[data-pd-skala="2"] h2,[data-pd-skala="2"] h3,[data-pd-skala="2"] h4{
  font-family:var(--pd-font)}

@media print{.pd-fala,.pd-sekcja--ozdobna::before,.pd-sekcja--ozdobna::after,
  .pd-hero::before,.pd-hero::after{display:none}}