/* KolejkaZero KZ3: art direction pierwszego ekranu. Mapa = bohater, formularz = narzędzie. Warianty: body.s-a / s-b / s-c.
   Ładowany po kz2.css. Dane i funkcje bez zmian. */

/* ---------- wspólne: zmienne wariantów ---------- */
body.s-a{--st-tlo:#0D2B55;--st-tekst:#fff;--st-cichy:#AFC2DE;--st-obrys:#0D2B55;--st-hover:#fff;--st-zazn:#fff;--st-linia:rgba(255,255,255,.2);--st-akcent:#9CC0F2}
body.s-b{--st-tlo:transparent;--st-tekst:#17202A;--st-cichy:#667085;--st-obrys:#B9C8DC;--st-hover:#17202A;--st-zazn:#175CD3;--st-linia:#DCE2E8;--st-akcent:#175CD3}
body.s-c{--st-tlo:#D9E5F4;--st-tekst:#17202A;--st-cichy:#4F5E73;--st-obrys:#fff;--st-hover:#17202A;--st-zazn:#175CD3;--st-linia:rgba(23,32,42,.16);--st-akcent:#175CD3}
body.kontrast.s-a,body.kontrast.s-b,body.kontrast.s-c{--st-tlo:#fff;--st-tekst:#000;--st-cichy:#000;--st-obrys:#000;--st-hover:#000;--st-zazn:#000;--st-linia:#000;--st-akcent:#000}

/* ---------- obiekt mapy: jeden komponent (nagłówek, mapa, wybór, legenda), bez paneli w panelach ---------- */
.mapa-obiekt{margin:0;color:var(--st-tekst);display:flex;flex-direction:column;min-width:0}
.mapa-info{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:baseline;margin:0}
.mapa-eyebrow{font:750 .75rem/1.2 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--st-cichy)}
.mapa-data{font-size:.8125rem;color:var(--st-cichy);text-align:right}
.mapa-kontekst{grid-column:1/-1;font:700 1.375rem/1.2 var(--font);letter-spacing:-.01em;margin:4px 0 0;color:var(--st-tekst)}
.mapa-status{grid-column:1/-1;margin:4px 0 0;font-size:.875rem;color:var(--st-cichy)}
.mapa-obiekt .mapa-pole{position:relative;flex:1 1 auto;min-height:260px;margin:0}
.mapa-obiekt .mapa-pole .mapa{position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none}
.mapa-obiekt .woj path{stroke:var(--st-obrys);stroke-width:2.5}
.mapa-obiekt .woj:hover path{stroke:var(--st-hover)}
.mapa-obiekt .mapa .nakladka .woj path{stroke:var(--st-hover);stroke-width:3.4}
.mapa-obiekt .mapa .nakladka .zazn path{stroke:var(--st-zazn);stroke-width:6}
.mapa-stopka{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;padding-top:12px;border-top:1px solid var(--st-linia)}
.mapa-stopka .odczyt{margin:0;padding:0;min-height:0;background:transparent;border-radius:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;flex:1 1 auto}
.mapa-stopka .odczyt__woj{font:700 1rem/1.3 var(--font);color:var(--st-tekst)}
.mapa-stopka .odczyt__tekst{font-size:.9375rem;color:var(--st-cichy)}
.mapa-stopka .odczyt__tekst b{color:var(--st-tekst)}
.mapa-stopka .odczyt__zmien{margin-left:4px;color:var(--st-akcent);min-height:44px}
.mapa-stopka .legenda{padding:0;flex:0 0 auto}
.mapa-stopka .legenda__lista{color:var(--st-cichy);gap:6px 12px}
.mapa-stopka .legenda__lista li{color:var(--st-cichy);font-size:.8125rem}
.mapa-stopka .legenda__lista i{border-color:rgba(255,255,255,.35)}
body.s-b .mapa-stopka .legenda__lista i,body.s-c .mapa-stopka .legenda__lista i{border-color:rgba(16,24,40,.18)}
.mapa-stopka .odczyt--pusty{display:flex}

/* ---------- narzędzie: formularz ---------- */
.narzedzie{min-width:0}
.scena__pod{padding:18px 0 8px}
.scena__pod .historia{margin:0 0 10px}
.scena__pod .nota112{margin:0 0 6px;font-size:.875rem;color:var(--tekst2)}
.scena__pod .cichy{margin:0}
.scena__glowa h1{font:700 clamp(2rem,1.2rem + 2vw,2.75rem)/1.08 var(--font);letter-spacing:-.03em;margin:0 0 8px}
.scena__glowa .lede{font-size:1.125rem;margin:0;color:var(--tekst2);max-width:48ch}

/* ---------- mobilne (wszystkie warianty): zadanie → formularz → mapa → historia ---------- */
.hero.scena{padding:0}
.scena__wrap{display:flex;flex-direction:column;gap:18px;padding:20px 0 8px}
.narzedzie{background:#fff;border:1px solid #E7EBF0;border-radius:18px;padding:20px;box-shadow:0 1px 2px rgba(16,24,40,.02),0 10px 32px rgba(16,24,40,.05)}
.mapa-obiekt{padding:18px;border-radius:18px;background:var(--st-tlo)}
body.s-b .mapa-obiekt{background:#fff;border:1px solid #E7EBF0}
.mapa-zwin__sum{margin:0}
@media (max-width:1023px){
  .mapa-obiekt .mapa-pole{min-height:0;aspect-ratio:1/1;max-height:520px}
  .scena__glowa h1{font-size:2rem}
}

/* ---------- komputer ---------- */
@media (min-width:1024px){
  .mapa-zwin__sum{display:none}
  .mapa-zwin{display:block;height:100%}
  .mapa-zwin::details-content{display:contents}
  .mapa-obiekt{height:100%}
  .hero.scena{padding:0}
}

/* ===== A: SCENA. Granatowa scena z mapą-bohaterem; biały panel formularza jest narzędziem, które nachodzi na scenę ===== */
body.s-a .scena__wrap{background:var(--st-tlo);border-radius:22px;padding:22px 16px 18px;margin-top:12px;gap:16px;overflow:hidden}
body.s-a .scena__glowa h1{color:#fff;margin:0 0 6px}
body.s-a .scena__glowa .lede{color:#C4D3EA;max-width:none}
body.s-a .narzedzie{border:0;border-radius:18px;padding:18px;box-shadow:0 18px 44px rgba(2,12,32,.4)}
body.s-a .mapa-zwin__sum{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff}
body.s-a .mapa-obiekt{padding:0;background:transparent;border:0;border-radius:0}
body.s-a .mapa-obiekt .woj text{fill:#17202A}
body.kontrast.s-a .scena__wrap{border:2px solid #000;background:#fff}
body.kontrast.s-a .scena__glowa h1,body.kontrast.s-a .scena__glowa .lede{color:#000}
body.kontrast.s-a .mapa-zwin__sum{background:#fff;border:2px solid #000;color:#000}
@media (min-width:1024px){
  body.s-a .scena__wrap{margin-top:20px;padding:30px 40px 36px;border-radius:30px;gap:22px}
  body.s-a .scena__glowa{padding-bottom:0}
  body.s-a .narzedzie{padding:24px 26px 26px;border-radius:22px;max-width:640px;width:100%;box-shadow:0 30px 70px rgba(2,12,32,.45)}
  body.s-a .scena__mapa{height:auto}
  body.s-a .mapa-obiekt{height:auto}
  body.s-a .mapa-obiekt .mapa-pole{flex:none;height:min(560px,70vw);min-height:0}
}
@media (min-width:1180px){
  body.s-a .scena__wrap{display:grid;grid-template-columns:minmax(440px,500px) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 24px}
  body.s-a .scena__glowa{grid-column:1/-1;grid-row:1;padding-bottom:22px}
  body.s-a .narzedzie{grid-column:1;grid-row:2;align-self:start;position:relative;z-index:3;margin-right:-56px;width:auto;max-width:none}
  body.s-a .scena__mapa{grid-column:2;grid-row:2;min-width:0;height:100%}
  body.s-a .mapa-obiekt{height:100%;padding-left:64px;min-height:520px}
  body.s-a .mapa-obiekt .mapa-pole{flex:1 1 auto;height:auto;min-height:260px}
  html.t2 body.s-a .scena__wrap{display:flex}
  html.t2 body.s-a .narzedzie{margin-right:0;max-width:640px;width:100%;align-self:stretch}
  html.t2 body.s-a .mapa-obiekt{padding-left:0;height:auto}
  html.t2 body.s-a .mapa-obiekt .mapa-pole{flex:none;height:560px}
}
body.s-a .mapa-stopka .legenda{flex:1 1 auto;min-width:0}

/* ===== B: ATLAS. Jasna, bez ramek: duża mapa po prawej na tle strony, formularz jako spokojna kolumna z linią ===== */
@media (min-width:1024px){
  body.s-b .scena__wrap{display:grid;grid-template-columns:minmax(400px,450px) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 64px;padding:36px 0 12px}
  body.s-b .scena__glowa{grid-column:1;grid-row:1;padding-bottom:20px}
  body.s-b .narzedzie{grid-column:1;grid-row:2;align-self:start;background:transparent;border:0;border-top:1px solid #DCE2E8;border-radius:0;box-shadow:none;padding:22px 0 0}
  body.s-b .scena__mapa{grid-column:2;grid-row:1/span 2;min-width:0;height:100%}
  body.s-b .mapa-obiekt{padding:0;background:transparent;border:0;min-height:600px}
  body.s-b .mapa-info{padding-top:6px}
}

/* ===== C: PASEK. Pasek wyszukiwania na całą szerokość, pod nim szeroka scena z mapą ===== */
@media (min-width:1024px){
  body.s-c .scena__wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:26px 0 8px}
  body.s-c .scena__glowa{text-align:center;padding-bottom:18px}
  body.s-c .scena__glowa .lede{margin-inline:auto;max-width:none}
  body.s-c .narzedzie{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 16px;align-items:start;padding:22px 26px 24px;border-radius:22px;position:relative;z-index:2}
  body.s-c .narzedzie .bledy{grid-column:1/-1}
  body.s-c .pole--q{grid-column:1/span 5;position:relative}
  body.s-c .chipy-rzad{position:absolute;left:0;top:calc(100% + 6px);margin:0;white-space:nowrap}
  body.s-c .rzad .pole--miej,body.s-c .rzad--opcje .opcje{margin-top:40px}
  body.s-c .rzad{display:contents}
  body.s-c .rzad .pole:first-child{grid-column:6/span 3}
  body.s-c .rzad .pole--miej{grid-column:1/span 3;grid-row:2}
  body.s-c .rzad__uwaga{display:none}
  body.s-c .rzad--opcje{display:contents}
  body.s-c .rzad--opcje .opcje:first-child{grid-column:4/span 5;grid-row:2}
  body.s-c .rzad--opcje .opcje:last-child{grid-column:9/span 4;grid-row:2}
  body.s-c .rzad--opcje .pomoc{display:none}
  body.s-c .narzedzie .btn--duzy{grid-column:9/span 4;grid-row:1;align-self:end;margin-top:0;order:0}
  body.s-c .rzad .pole:first-child{align-self:start}
  body.s-c .scena__mapa{margin-top:-18px;position:relative;z-index:1}
  body.s-c .mapa-obiekt{padding:50px 32px 20px;border-radius:26px;min-height:480px;background:var(--st-tlo)}
  body.s-c .mapa-info{position:absolute;left:32px;top:50px;display:block;max-width:240px}
  body.s-c .mapa-data{display:block;text-align:left;margin-top:2px}
}

.mapa-obiekt{position:relative}
@media (max-width:1023px){
  .mapa-zwin__sum{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:3.5rem;padding:0 18px;background:#fff;border:1px solid #E7EBF0;border-radius:14px;font-weight:700;font-size:1.0625rem;color:var(--akcja);cursor:pointer;list-style:none}
  .mapa-zwin__sum::-webkit-details-marker{display:none}
  .mapa-zwin__sum::after{content:"+";font-size:1.6rem;line-height:1}
  .mapa-zwin[open] .mapa-zwin__sum::after{content:"–"}
  .mapa-zwin[open] .mapa-zwin__sum{margin-bottom:12px}
}

/* ===== A: odliczanie i nagłówek wyników w języku sceny ===== */
body.s-a .etap__karta{background:var(--st-tlo);border:0;border-radius:26px;padding:32px;box-shadow:none;color:#fff;max-width:1000px}
body.s-a .etap__karta h2,body.s-a .etap__opis{color:#fff}
body.s-a .etap__pod,body.s-a .etap__postep,body.s-a .etap__pomoc,body.s-a .etap__dlaczego{color:#BCCCE6}
body.s-a .postep{background:rgba(255,255,255,.18)}
body.s-a .postep__pasek{background:#fff}
body.s-a .etap__akcje .btn--glowny{background:#175CD3;color:#fff;border:0}
body.s-a .etap__akcje .btn[aria-disabled=true]{background:rgba(255,255,255,.14);color:#DCE6F6;border:1px solid rgba(255,255,255,.25)}
body.s-a .etap__akcje .btn--tekst,body.s-a .etap__karta a{color:#fff}
body.s-a .etap__prawa .reklama{background:rgba(255,255,255,.08)}
body.s-a .etap__prawa .reklama__etykieta{color:#BCCCE6}
body.s-a .etap__prawa .reklama__slot{background:#fff;border:0}
body.s-a .wyniki .pasek{background:var(--st-tlo);border-radius:22px;padding:24px 28px;margin-bottom:22px;color:#fff}
body.s-a .wyniki .pasek h2{color:#fff}
body.s-a .wyniki .pasek__kontekst,body.s-a .wyniki .pasek__opis,body.s-a .wyniki .pasek__kolejnosc{color:#C4D3EA}
body.s-a .wyniki .pasek .btn--drugi{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.65)}
body.s-a .wyniki .pasek .btn--tekst{color:#fff}
body.kontrast.s-a .etap__karta,body.kontrast.s-a .wyniki .pasek{background:#fff;color:#000;border:2px solid #000}
body.kontrast.s-a .etap__karta h2,body.kontrast.s-a .etap__opis,body.kontrast.s-a .etap__pod,body.kontrast.s-a .etap__postep,body.kontrast.s-a .etap__pomoc,body.kontrast.s-a .etap__dlaczego,body.kontrast.s-a .etap__karta a,body.kontrast.s-a .etap__akcje .btn--tekst,body.kontrast.s-a .wyniki .pasek h2,body.kontrast.s-a .wyniki .pasek__kontekst,body.kontrast.s-a .wyniki .pasek__opis,body.kontrast.s-a .wyniki .pasek__kolejnosc,body.kontrast.s-a .wyniki .pasek .btn--tekst{color:#000}
body.kontrast.s-a .postep{background:#fff;border:1.5px solid #000}
body.kontrast.s-a .postep__pasek{background:#000}
body.kontrast.s-a .wyniki .pasek .btn--drugi{border:2px solid #000;color:#000}
body.kontrast.s-a .etap__akcje .btn--glowny{background:#000}
body.kontrast.s-a .etap__akcje .btn[aria-disabled=true]{background:#fff;color:#000;border:2px dashed #000}
@media (max-width:640px){body.s-a .etap__karta{padding:20px;border-radius:18px}body.s-a .wyniki .pasek{padding:18px;border-radius:18px}}

/* niskie okna (1366×768): scena zwarta pionowo, cały panel i przycisk w pierwszym ekranie, pola nadal 56 px */
@media (min-width:1180px) and (max-height:820px){
  body.s-a .scena__wrap{margin-top:12px;padding:22px 40px 22px}
  body.s-a .scena__glowa{padding-bottom:16px}
  body.s-a .scena__glowa h1{font-size:2.5rem;margin-bottom:4px}
  body.s-a .scena__glowa .lede{font-size:1.0625rem}
  body.s-a .narzedzie{padding:18px 24px 20px}
  body.s-a .narzedzie.formularz{gap:14px}
  body.s-a .narzedzie .chipy-rzad{margin-top:8px}
  body.s-a .narzedzie .rzad,body.s-a .narzedzie .rzad--opcje{gap:14px 16px}
  body.s-a .mapa-obiekt{min-height:0}
  body.s-a .mapa-stopka{padding-top:8px}
}

/* wysoki kontrast: czytelne podpisy na ciemnych polach, etykieta reklamy */
body.kontrast{--s3:#6B6B6B;--s4:#262626}
body.kontrast.s-a .mapa-obiekt .woj.k3 text,body.kontrast.s-a .mapa-obiekt .woj.k4 text{fill:#fff}
body.kontrast.s-a .etap__prawa .reklama{background:#fff}
body.kontrast.s-a .etap__prawa .reklama__etykieta{color:#000}
body.kontrast .mapa-stopka .legenda__lista i{border-color:#000}

/* =====================================================================
   ART-DIRECTION PASS NA SCENIE (02.10): hierarchia narzędzia, jedno pytanie na pierwszym planie,
   drugorzędne pola ściszone i zgrupowane, mapa na całą wysokość sceny, H1 po lewej nad panelem.
   ===================================================================== */
body.s-a{--ink:#0D2B55;--pole-tlo:#F1F4F9;--pole-linia:#D5DEEA}

/* pytanie główne: jedyne duże pole */
body.s-a .pole--q .etykieta{font:700 1.125rem/1.3 var(--font);color:var(--ink);margin-bottom:10px}
body.s-a #q{height:60px;min-height:60px;font-size:1.1875rem;background:#fff;border:2px solid var(--ink)}
body.s-a .chipy-rzad{margin-top:10px;gap:4px 8px}
body.s-a .chipy__et{font-size:.8125rem;font-weight:600;color:#667085}
body.s-a .chip{background:#fff;border:1px solid var(--pole-linia);font-size:.9375rem;font-weight:600}
body.s-a .chip:hover{background:var(--pole-tlo)}
body.s-a .chip[aria-pressed=true]{background:#EAF1FC;border-color:#175CD3;color:#124AAF}

/* „gdzie”: jedna zgrupowana kontrolka z dwiema komórkami zamiast dwóch osobnych pól */
body.s-a .rzad--gdzie{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--pole-tlo);border:1px solid var(--pole-linia);border-radius:14px;align-items:stretch}
body.s-a .rzad--gdzie .pole{padding:9px 14px 4px;position:relative}
body.s-a .rzad--gdzie .pole+.pole{border-left:1px solid var(--pole-linia)}
body.s-a .rzad--gdzie .etykieta{font:650 .78125rem/1.2 var(--font);color:#5B6779;margin:0 0 1px;min-height:0}
body.s-a .rzad--gdzie .etykieta__opc{font-weight:500}
body.s-a .rzad--gdzie select,body.s-a .rzad--gdzie input[type=text]{height:44px;min-height:44px;border:0;background-color:transparent;padding-left:0;font-size:1.0625rem;font-weight:600;color:var(--ink);box-shadow:none;border-radius:6px}
body.s-a .rzad--gdzie select{padding-right:34px;background-position:right 0 center}
body.s-a .rzad--gdzie input::placeholder{font-weight:400;color:#6B7788}
body.s-a .rzad--gdzie .pole--blad{background:#FFF5F5}
.sr-only-p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body.s-a .rzad--gdzie .rzad__uwaga{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* drugorzędne: Dla kogo? / Skierowanie pilne? — małe etykiety, lekkie przełączniki */
body.s-a .rzad--opcje{gap:14px 14px}
body.s-a .rzad--opcje .etykieta{font:650 .8125rem/1.2 var(--font);color:#5B6779;min-height:0!important;margin-bottom:6px}
body.s-a .przelacznik{background:var(--pole-tlo);border:1px solid var(--pole-linia);border-radius:12px}
body.s-a .przelacznik label+label{border-left:1px solid var(--pole-linia)}
body.s-a .przelacznik span{min-height:46px;font-size:.9375rem;font-weight:600;color:#33415A}
body.s-a .przelacznik input:checked+span{background:#fff;color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 2px #175CD3}
body.s-a .opcje .pomoc{font-size:.8125rem;color:#6B7788;margin-top:6px}

/* CTA: jedyny pełny, mocny element panelu */
body.s-a .formularz .btn--duzy{height:60px;min-height:60px;font-size:1.125rem;letter-spacing:.005em;margin-top:2px}
body.s-a .formularz .btn--duzy::after{content:"→";margin-left:10px;font-weight:600}
body.s-a .narzedzie{padding:22px 24px 24px}
body.s-a .formularz{gap:18px}
body.kontrast.s-a #q{border-color:#000}
body.kontrast.s-a .rzad--gdzie{background:#fff;border:2px solid #000}
body.kontrast.s-a .rzad--gdzie .pole+.pole{border-left:2px solid #000}
body.kontrast.s-a .rzad--gdzie .etykieta,body.kontrast.s-a .rzad--opcje .etykieta,body.kontrast.s-a .opcje .pomoc,body.kontrast.s-a .chipy__et{color:#000}
body.kontrast.s-a .przelacznik{background:#fff;border:2px solid #000}
body.kontrast.s-a .przelacznik input:checked+span{background:#000;color:#fff;box-shadow:none}
body.kontrast.s-a .chip{border:1.5px solid #000}
body.kontrast.s-a .rzad--gdzie select,body.kontrast.s-a .rzad--gdzie input[type=text]{color:#000}

/* tytuł i lead: krótko i mocno */
body.s-a .scena__glowa h1{font-size:clamp(2rem,1.2rem + 1.6vw,2.625rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 8px}
body.s-a .scena__glowa .lede{font-size:1.0625rem;line-height:1.45;color:#B6C7E2;max-width:46ch}

/* kompozycja na komputerze: H1 + panel po lewej, mapa na całą wysokość sceny po prawej */
@media (min-width:1180px){
  body.s-a .scena__wrap{grid-template-columns:minmax(440px,490px) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 20px;padding:34px 36px 30px 40px}
  body.s-a .scena__glowa{grid-column:1;grid-row:1;padding-bottom:20px}
  body.s-a .narzedzie{grid-column:1;grid-row:2;margin-right:-60px}
  body.s-a .scena__mapa{grid-column:2;grid-row:1/span 2;height:100%}
  body.s-a .mapa-obiekt{padding-left:72px;min-height:0}
  body.s-a .mapa-obiekt .woj .nazwa{font-size:calc(12.5px * var(--fs,1) / var(--s,.7))}
  body.s-a .mapa-obiekt .woj .dni{font-size:calc(22px * var(--fs,1) / var(--s,.7))}
  body.s-a .mapa-obiekt .woj .dni tspan.j{font-size:calc(11.5px * var(--fs,1) / var(--s,.7))}
  body.s-a .mapa-kontekst{font-size:1.5rem}
}
@media (max-width:560px){
  body.s-a .rzad--gdzie{grid-template-columns:1fr}
  body.s-a .rzad--gdzie .pole+.pole{border-left:0;border-top:1px solid var(--pole-linia)}
  body.kontrast.s-a .rzad--gdzie .pole+.pole{border-top:2px solid #000}
}
html.t1 body.s-a .rzad--gdzie,html.t2 body.s-a .rzad--gdzie{grid-template-columns:1fr}
html.t1 body.s-a .rzad--gdzie .pole+.pole,html.t2 body.s-a .rzad--gdzie .pole+.pole{border-left:0;border-top:1px solid var(--pole-linia)}
html.t1 body.kontrast.s-a .rzad--gdzie .pole+.pole,html.t2 body.kontrast.s-a .rzad--gdzie .pole+.pole{border-top:2px solid #000}
body.s-a .formularz .btn--duzy{height:auto;padding:12px 18px;line-height:1.25}
body.s-a .rzad--gdzie select,body.s-a .rzad--gdzie input[type=text]{height:48px;min-height:48px}
body.s-a .przelacznik span{min-height:48px}

/* ================= DOLNA CZĘŚĆ (03.10): historia, „Jak to działa”, FAQ =================
   Jeden kontener (.wrap, ten sam co scena), jedna linia lewego wyrównania, bez kart, cieni i ikon. */
.scena__pod{padding:0}
.historia{margin:0;border-bottom:1px solid var(--pole-linia,#D5DEEA)}
.historia__sum{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:12px 0;cursor:pointer;border-radius:6px}
.historia__sum::-webkit-details-marker{display:none}
.historia__tytul{display:block;font:700 1rem/1.3 var(--font);color:#17202A}
.historia__pod{display:block;margin-top:2px;font-size:.9375rem;line-height:1.4;color:#52647A}
.historia__akcja{display:inline-flex;align-items:center;gap:8px;flex:none;font:700 .9375rem/1 var(--font);color:#175CD3}
.historia__ukryj{display:none}
.historia[open] .historia__pokaz{display:none}
.historia[open] .historia__ukryj{display:inline}
.historia__strz{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.historia[open] .historia__strz{transform:translateY(2px) rotate(-135deg)}
.historia__sum:focus-visible,.historia__poz:focus-visible,.historia__czysc:focus-visible,.kz-faq summary:focus-visible{outline:3px solid #175CD3;outline-offset:3px}
.historia__cialo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 20px}
.historia__lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;min-width:0}
.historia__poz{display:block;min-height:56px;padding:9px 14px;text-align:left;font:inherit;background:#fff;border:1px solid var(--pole-linia,#D5DEEA);border-radius:10px;color:#17202A;cursor:pointer;max-width:100%}
.historia__poz:hover{border-color:#175CD3}
.historia__poz strong{display:block;font:700 .9375rem/1.35 var(--font);overflow-wrap:anywhere}
.historia__poz span{display:block;font-size:.875rem;line-height:1.35;color:#52647A;overflow-wrap:anywhere}
.historia__czysc{flex:none;min-height:44px;padding:0;font:600 .9375rem var(--font);color:#175CD3;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.nota-pod{padding:18px 0 0}
.nota-pod .nota112{margin:0 0 4px;font-size:.9375rem;color:#37424D}
.nota-pod .cichy{margin:0;font-size:.9375rem;color:#52647A;max-width:none}

.kz-etykieta{margin:0 0 8px;font:800 .75rem/1.2 var(--font);letter-spacing:.1em;color:#175CD3}
.kz-naglowek h2{margin:0;font:750 clamp(1.625rem,1.2rem + 1.2vw,2rem)/1.2 var(--font);letter-spacing:-.02em;color:#17202A}
.kz-jak{padding:60px 0}
.kz-kroki{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.kz-kroki li{position:relative;padding-top:24px;border-top:1px solid #D5DEEA;min-width:0}
.kz-kroki li::before{content:"";position:absolute;top:-2px;left:0;width:48px;height:3px;background:#175CD3}
.kz-krok__nr{display:block;font:800 3rem/1 var(--font);letter-spacing:-.06em;color:#96B3DF}
.kz-kroki h3{margin:20px 0 6px;font:700 1.25rem/1.3 var(--font);color:#17202A}
.kz-kroki p{margin:0;max-width:30ch;font-size:1.0625rem;line-height:1.5;color:#52647A}
.kz-faq{background:#fff;border-top:1px solid #D5DEEA;padding:60px 0}
.kz-faq__lista{margin-top:28px;border-top:1px solid #D5DEEA}
.kz-faq details{border-bottom:1px solid #D5DEEA}
.kz-faq summary{position:relative;display:block;list-style:none;min-height:56px;padding:16px 44px 16px 0;font:700 1.0625rem/1.4 var(--font);color:#17202A;cursor:pointer;border-radius:4px}
.kz-faq summary::-webkit-details-marker{display:none}
.kz-faq summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font:400 1.75rem/1 var(--font);color:#175CD3}
.kz-faq details[open] summary::after{content:"\2212"}
.kz-faq details p{margin:0;padding:0 56px 20px 0;max-width:760px;font-size:1.0625rem;line-height:1.55;color:#52647A}
.kz-faq details p a{color:#175CD3}
@media (max-width:700px){
  .historia__cialo{flex-direction:column;gap:8px}
  .historia__lista{flex-direction:column;width:100%}
  .historia__poz{width:100%}
  .kz-jak,.kz-faq{padding:44px 0}
  .kz-kroki{grid-template-columns:1fr;gap:24px;margin-top:28px}
  .kz-kroki li{padding-top:16px}
  .kz-krok__nr{font-size:2.25rem}
  .kz-kroki h3{margin-top:10px}
  .kz-faq summary{font-size:1rem;padding-right:36px}
  .kz-faq details p{padding-right:8px;font-size:1rem}
}
body.kontrast .historia,body.kontrast .kz-faq,body.kontrast .kz-faq__lista,body.kontrast .kz-faq details,body.kontrast .kz-kroki li{border-color:#000}
body.kontrast .historia__tytul,body.kontrast .historia__pod,body.kontrast .historia__poz span,body.kontrast .historia__akcja,body.kontrast .historia__czysc,body.kontrast .kz-etykieta,body.kontrast .kz-krok__nr,body.kontrast .kz-kroki p,body.kontrast .kz-faq details p,body.kontrast .kz-faq summary::after,body.kontrast .nota-pod .cichy,body.kontrast .nota-pod .nota112,body.kontrast .kz-faq details p a{color:#000}
body.kontrast .kz-kroki li::before{background:#000}
body.kontrast .historia__poz{border:2px solid #000}
.scena__pod .historia{margin-top:14px}

/* ---- poprawki po odbiorze (03.10) ---- */
.nobr{white-space:nowrap}
.historia__sum{align-items:flex-start}
.historia__akcja{padding-top:2px;min-height:44px;align-items:center;margin-top:-10px}
@media (max-width:700px){
  .kz-kroki{gap:0;margin-top:20px}
  .kz-kroki li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;align-items:start;padding:14px 0 14px;border-top:1px solid #D5DEEA}
  .kz-kroki li::before{top:-2px}
  .kz-krok__nr{grid-row:1/span 2;font-size:2rem;letter-spacing:-.05em;line-height:1.1}
  .kz-kroki h3{margin:0 0 2px;font-size:1.0625rem}
  .kz-kroki p{font-size:1rem;line-height:1.45;max-width:none}
  .kz-jak{padding:36px 0 32px}
  .nota-pod .cichy,.nota-pod .nota112{font-size:.9375rem;line-height:1.5}
  .stopka__disclaimer{font-size:.9375rem;line-height:1.5;margin-bottom:10px}
  .stopka__wlasciciel{font-size:.9375rem;margin-bottom:8px}
  .stopka__linki{flex-direction:row;flex-wrap:wrap;gap:0 18px}
  .stopka__linki a{min-height:44px;font-size:.9375rem}
  .stopka{padding:24px 0 32px}
}
@media (max-width:700px){.kz-kroki li{grid-template-columns:56px minmax(0,1fr);column-gap:10px}.kz-krok__nr{font-size:1.875rem}}

/* ================= POPRAWKA GRAFICZNA DOŁU (03.10, po wdrożeniu) =================
   Historia = pasek narzędziowy, proces = oś z okręgami i ikonami, FAQ = sekcja pomocy 35/65, stopka = ciemne zamknięcie. */
:root{--kz-ink:#17202A;--kz-muted:#44566E;--kz-line:#D5DEEA;--kz-blue:#175CD3;--kz-navy:#0D2B55;--kz-pas:#EDF2F9}

/* 1. historia jako panel + nota jako belka */
.scena__pod .historia{margin:16px 0 0;background:#fff;border:1px solid var(--kz-line);border-radius:12px}
.historia__sum{min-height:68px;padding:12px 18px;margin:0;align-items:center;border-radius:12px}
.historia__akcja{margin-top:0;padding-top:0;min-height:0}
.historia[open] .historia__sum{border-bottom:1px solid var(--kz-line);border-radius:12px 12px 0 0}
.historia__cialo{padding:16px 18px 14px}
.historia__pod{color:var(--kz-muted)}
.historia__poz{background:#F5F7FA;border-color:var(--kz-line)}
.historia__poz span{color:var(--kz-muted)}
.nota-pod{margin-top:12px;padding:2px 0 2px 16px;border-left:3px solid var(--kz-blue)}
.nota-pod .nota112{margin:0 0 3px;font-size:1rem;color:var(--kz-ink)}
.nota-pod .cichy{font-size:1rem;color:var(--kz-muted)}
.nota-pod a{font-weight:700;text-decoration-thickness:1.5px}

/* 2. proces: pełny jasny pas, okręgi na osi, ikony */
.kz-jak{background:var(--kz-pas);margin-top:44px;padding:56px 0 64px}
.kz-kroki{margin-top:36px;gap:32px;counter-reset:none}
.kz-kroki li{border-top:0;padding-top:0}
.kz-kroki li::before{display:none}
.kz-krok__nr{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--kz-blue);font:800 1rem/1 var(--font);letter-spacing:0;color:var(--kz-blue);position:relative;z-index:1}
.kz-kroki li:not(:last-child)::after{content:"";position:absolute;top:19px;left:50px;width:calc(100% - 20px);height:2px;background:#B9CBE6}
.kz-kroki h3{display:flex;align-items:center;gap:10px;margin:20px 0 6px;font:700 1.1875rem/1.3 var(--font);color:var(--kz-ink)}
.kz-ikona{flex:none;width:24px;height:24px;fill:none;stroke:var(--kz-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kz-kroki p{color:var(--kz-muted);max-width:32ch;padding-left:34px}
.kz-naglowek h2{color:var(--kz-ink)}

/* 3. FAQ jako sekcja pomocy */
.kz-faq{background:#fff;border-top:1px solid var(--kz-line);padding:64px 0 72px}
.kz-faq__siatka{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:48px;align-items:start}
.kz-faq__lead{margin:14px 0 0;max-width:30ch;font-size:1.0625rem;line-height:1.5;color:var(--kz-muted)}
.kz-faq__lista{margin:0;border:1px solid var(--kz-line);border-radius:16px;overflow:hidden;background:#fff}
.kz-faq details{border-bottom:1px solid var(--kz-line)}
.kz-faq details:last-child{border-bottom:0}
.kz-faq details[open]{background:#F7F9FC}
.kz-faq summary{padding:18px 68px 18px 22px;min-height:60px;font:650 1.0625rem/1.4 var(--font);border-radius:0}
.kz-faq summary::after{content:"+";position:absolute;right:20px;top:16px;transform:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid #B9CBE6;background:#fff;font:400 1.375rem/1 var(--font);color:var(--kz-blue)}
.kz-faq details[open] summary::after{content:"\2212";background:var(--kz-blue);border-color:var(--kz-blue);color:#fff}
.kz-faq details p{padding:0 68px 22px 22px;color:var(--kz-muted)}
.kz-faq summary:focus-visible{outline-offset:-3px}

/* 4. stopka: ciemne zamknięcie strony */
body:not(.kontrast) .stopka{background:var(--kz-navy);border-top:0;color:#D3E0F4;padding:44px 0 56px}
body:not(.kontrast) .stopka__disclaimer{max-width:760px;margin:0 0 14px;font-size:.9375rem;line-height:1.6;color:#E6EEFA}
body:not(.kontrast) .stopka__wlasciciel{margin:0 0 24px;font-size:.875rem;color:#AFC2DE}
body:not(.kontrast) .stopka__linki{gap:4px 28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
body:not(.kontrast) .stopka__linki a{min-height:44px;font-size:.9375rem;font-weight:500;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);align-self:center;min-height:0;padding:6px 0;line-height:1.3}
body:not(.kontrast) .stopka__linki a:hover{border-bottom-color:#fff}
body:not(.kontrast) .stopka a:focus-visible{outline:3px solid #9CC0F2;outline-offset:3px;border-radius:2px}

@media (max-width:900px){
  .kz-faq__siatka{grid-template-columns:1fr;gap:24px}
  .kz-faq__lead{max-width:none}
}
@media (max-width:700px){
  .scena__pod .historia{margin-top:14px}
  .historia__sum{padding:12px 14px}
  .historia__cialo{padding:14px}
  .nota-pod{padding-left:14px}
  .kz-jak{margin-top:32px;padding:36px 0 36px}
  .kz-kroki{gap:0;margin-top:22px}
  .kz-kroki li{display:block;position:relative;padding:0 0 22px 56px;min-height:48px}
  .kz-kroki li:last-child{padding-bottom:0}
  .kz-krok__nr{position:absolute;left:0;top:0;grid-row:auto;font-size:.9375rem}
  .kz-kroki li:not(:last-child)::after{top:44px;left:19px;bottom:4px;width:2px;height:auto}
  .kz-kroki h3{margin:2px 0 2px;font-size:1.0625rem}
  .kz-kroki p{padding-left:34px;font-size:1rem}
  .kz-faq{padding:40px 0 44px}
  .kz-faq summary{padding:15px 56px 15px 16px;font-size:1rem;line-height:1.4;min-height:56px}
  .kz-faq summary::after{right:12px;top:13px}
  .kz-faq details p{padding:0 16px 18px 16px;font-size:1rem}
  body:not(.kontrast) .stopka{padding:32px 0 40px}
  body:not(.kontrast) .stopka__disclaimer{font-size:.9375rem;line-height:1.55}
  body:not(.kontrast) .stopka__linki{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  body:not(.kontrast) .stopka__linki a{border-bottom:0;padding:13px 0;min-height:44px;align-self:stretch;display:flex;align-items:center;border-top:0;font-size:.9375rem}
}
body.kontrast .kz-jak{background:#fff;border-top:2px solid #000}
body.kontrast .kz-krok__nr{border-color:#000;color:#000}
body.kontrast .kz-ikona{stroke:#000}
body.kontrast .kz-kroki li::after{background:#000}
body.kontrast .kz-faq__lista{border:2px solid #000}
body.kontrast .kz-faq summary::after{border-color:#000;color:#000}
body.kontrast .kz-faq details[open] summary::after{background:#000;color:#fff}
body.kontrast .kz-faq__lead,body.kontrast .nota-pod{color:#000;border-color:#000}
@media (max-width:359px){
  .historia__sum{flex-wrap:wrap;gap:6px 12px;min-height:0;padding:14px}
  .historia__opis{flex:1 1 100%}
  .historia__akcja{flex:none;min-height:44px;margin-top:-4px}
  body:not(.kontrast) .stopka__linki{grid-template-columns:1fr}
  body:not(.kontrast) .stopka__linki a{padding:11px 0}
}

/* ================= MOBILE HERO / FORMULARZ (03.10, 320–390 px) =================
   Tylko wygląd górnej sekcji poniżej 700 px. Desktop i dolna część bez zmian. */
@media (max-width:700px){
  body.s-a .scena__wrap{padding:22px 12px 14px;gap:14px;border-radius:20px}
  body.s-a .scena__glowa{padding:0 6px}
  body.s-a .scena__glowa h1{font-size:1.875rem;line-height:1.12;letter-spacing:-.025em;margin:0 0 10px;text-wrap:balance}
  body.s-a .scena__glowa .lede{font-size:1rem;line-height:1.45;color:#C4D3EA}
  body.s-a .narzedzie{padding:18px 16px 18px;border-radius:16px}
  body.s-a .formularz{gap:20px}
  body.s-a .pole--q .etykieta{font-size:1.0625rem;margin-bottom:10px}
  body.s-a #q{height:56px;min-height:56px;font-size:1.0625rem;padding-inline:14px}
  body.s-a .chipy-rzad{margin-top:12px;gap:8px 10px}
  body.s-a .chipy{flex:1 1 100%;gap:8px}
  body.s-a .chip{min-height:44px;padding:0 14px}
  body.s-a .rzad--gdzie{grid-template-columns:1fr}
  body.s-a .rzad--gdzie .pole{padding:10px 14px 4px}
  body.s-a .rzad--gdzie .pole+.pole{border-left:0;border-top:1px solid var(--pole-linia)}
  body.s-a .rzad--opcje{gap:20px}
  body.s-a .rzad--opcje .etykieta{margin-bottom:8px}
  body.s-a .przelacznik--3 label:nth-child(1){flex:.95 1 0}
  body.s-a .przelacznik--3 label:nth-child(2){flex:.95 1 0}
  body.s-a .przelacznik--3 label:nth-child(3){flex:1.3 1 0}
  body.s-a .przelacznik--2 label:nth-child(1){flex:1.5 1 0}
  body.s-a .przelacznik--2 label:nth-child(2){flex:1 1 0}
  body.s-a .przelacznik span{min-height:48px;padding:6px 4px;font-size:.9375rem;line-height:1.25}
  body.s-a .opcje .pomoc{margin-top:8px}
  body.s-a .formularz .btn--duzy{height:auto;min-height:58px;padding:12px 16px;font-size:1.0625rem;line-height:1.25;margin-top:0}
  body.s-a .mapa-zwin__sum{min-height:3.5rem;padding:10px 16px;font-size:1rem;line-height:1.3;border-radius:14px}
}
@media (max-width:359px){
  body.s-a .scena__wrap{padding:18px 10px 12px}
  body.s-a .scena__glowa{padding:0 4px}
  body.s-a .scena__glowa h1{font-size:1.5625rem;margin-bottom:8px}
  body.s-a .narzedzie{padding:16px 14px}
  body.s-a #q{font-size:1rem;padding-inline:12px}
  body.s-a #q::placeholder{font-size:.9375rem}
  body.s-a .rzad--gdzie select,body.s-a .rzad--gdzie input[type=text]{font-size:1rem}
  body.s-a .przelacznik--3{flex-direction:column}
  body.s-a .przelacznik--3 label{flex:none}
  body.s-a .przelacznik--3 label+label{border-left:0;border-top:1px solid var(--pole-linia)}
  body.s-a .przelacznik--3 span{min-height:52px;font-size:1rem;justify-content:flex-start;padding:6px 16px;text-align:left}
  body.s-a .formularz .btn--duzy::after{content:none}
  .logo{gap:8px}
  .logo__znak{width:36px;height:36px}
  .logo__tekst{font-size:1.4rem}
  .nar-przelacznik{padding:0 12px;gap:6px}
}
@media (max-width:700px){body.s-a .chipy{gap:6px}body.s-a .chip{padding:0 12px}}
/* mobile: formularz maksymalnie prosty, bez bloku „Popularne” (desktop bez zmian) */
@media (max-width:700px){body.s-a .chipy-rzad{display:none}}
/* bez podtytułu pod H1: mniejszy dolny odstęp nagłówka */
@media (max-width:700px){body.s-a .scena__glowa h1{margin-bottom:4px}}
/* H1 w lewej kolumnie: wyrównane łamanie wierszy (bez samotnego „Sprawdź i”) */
body.s-a .scena__glowa h1{text-wrap:balance}
@media (min-width:1180px){body.s-a .scena__glowa h1{font-size:2.375rem;text-wrap:balance}}

/* ===== STABILNY NAGŁÓWEK (03.10): bez przeskoku logo i przycisku Menu przy odświeżeniu =====
   Wygląd bez zmian. Menu nie spada do drugiego rzędu, gdy napis logo jest chwilowo szerszy; wysokość stała. */
.logo{min-width:0;flex:0 1 auto}
.logo__znak{flex:none;width:42px;height:42px}
.logo__tekst{white-space:nowrap}
.nar-przelacznik{flex:none;white-space:nowrap}
@media (max-width:960px){
  .naglowek__wew{flex-wrap:nowrap;min-height:68px}
  body.nar-otwarte .naglowek__wew{flex-wrap:wrap}
}
@media (max-width:359px){.logo__znak{width:36px;height:36px}}

/* TŁA SEKCJI v2 (kandydat 1.0.1.49, tylko kopia): wyraźniejsze, nadal delikatne tła; rytm nota → proces → FAQ → stopka */
body:not(.kontrast) .kz-jak{margin-top:56px;padding:68px 0 72px;background:linear-gradient(180deg,#F5F7FA 0,#E2EBF7 56px) no-repeat,#E2EBF7;border-top:0;border-bottom:1px solid #C5D3E6}
body:not(.kontrast) .kz-jak .kz-naglowek{padding-top:0}
body:not(.kontrast) .kz-faq{padding:72px 0 80px;background:#ECF0F5;border-top:0;border-bottom:1px solid #D3DBE7}
body:not(.kontrast) .kz-faq__lista{background:#fff;border-color:#CCD7E6;box-shadow:0 1px 2px rgba(13,43,85,.04)}
body:not(.kontrast) .kz-faq details[open]{background:#F5F8FC}
@media (max-width:700px){
  body:not(.kontrast) .kz-jak{margin-top:40px;padding:44px 0 44px;background:linear-gradient(180deg,#F5F7FA 0,#E2EBF7 36px) no-repeat,#E2EBF7}
  body:not(.kontrast) .kz-faq{padding:44px 0 48px}
}
/* oś procesu (desktop): linia kończy się 10 px przed kolejnym okręgiem, tak jak zaczyna się 10 px za poprzednim */
@media (min-width:701px){
  .kz-kroki li:not(:last-child)::after{width:calc(100% - 28px)}
}

/* 1.0.1.50: kroki symetrycznie (numer wyśrodkowany nad opisem, linie między okręgami), neutralne tło FAQ, numer kroku w jednej osi z tytułem na mobile */
@media (min-width:701px){
  body:not(.kontrast) .kz-kroki li{display:flex;flex-direction:column;align-items:center;text-align:center}
  body:not(.kontrast) .kz-kroki h3{justify-content:center}
  body:not(.kontrast) .kz-kroki p{padding-left:0;margin-left:auto;margin-right:auto;max-width:30ch}
  body:not(.kontrast) .kz-kroki li:not(:last-child)::after{left:calc(50% + 30px);width:calc(100% - 28px)}
}
@media (max-width:700px){
  body:not(.kontrast) .kz-kroki h3{margin:9px 0 2px}
}
body:not(.kontrast) .kz-faq{background:#EAEAEB;border-bottom-color:#D6D6D8}
body:not(.kontrast) .kz-faq__lista{border-color:#D3D3D6}

/* 1.0.1.52: lista FAQ w kolorze sekcji (bez białego tła), neutralne linie */
body:not(.kontrast) .kz-faq__lista{background:transparent;border-color:#C6C7CB}
body:not(.kontrast) .kz-faq details{border-bottom-color:#C6C7CB}
body:not(.kontrast) .kz-faq details[open]{background:transparent}
body:not(.kontrast) .kz-faq summary::after{background:transparent;border-color:#B4BFD3}
body:not(.kontrast) .kz-faq details[open] summary::after{background:var(--kz-blue);border-color:var(--kz-blue)}

/* 1.0.1.53: sekcja FAQ jasna, szary podkład tylko wokół białego prostokąta z pytaniami */
body:not(.kontrast) .kz-faq{background:#F6F6F7;border-bottom-color:#E3E3E6}
body:not(.kontrast) .kz-faq__lista{background:#fff;border-color:#C6C7CB;box-shadow:0 0 0 18px #D9DADD}
body:not(.kontrast) .kz-faq details{border-bottom-color:#DCDDE0}
body:not(.kontrast) .kz-faq details[open]{background:#F7F7F8}
body:not(.kontrast) .kz-faq summary::after{background:#fff}
body:not(.kontrast) .kz-faq details[open] summary::after{background:var(--kz-blue)}
@media (max-width:700px){
  body:not(.kontrast) .kz-faq__lista{box-shadow:0 0 0 10px #D9DADD}
}

/* 1.0.1.54: szary podkład kończy się równo z krawędzią treści (wcześniej wystawał o szerokość ramy) */
body:not(.kontrast) .kz-faq__lista{margin:18px}
@media (max-width:700px){
  body:not(.kontrast) .kz-faq__lista{margin:10px}
}

/* ===== LOGO: drzwi gabinetu (03.10). Drzwi otwierają się raz po wczytaniu strony i po najechaniu; przy ograniczeniu ruchu stoją. ===== */
.logo__znak.logo__drzwi{width:auto;height:46px;aspect-ratio:44/59;flex:none}
.logo__drzwi path{stroke:none}
.logo__drzwi .lr{fill:var(--tekst)}
.logo__drzwi .lf{fill:var(--akcja)}
.logo__drzwi .lw{fill:#E4ECFA}
.logo__drzwi .lz{fill:#fff}
body.kontrast .logo__drzwi .lf{fill:#000}
body.kontrast .logo__drzwi .lw{fill:#fff}
@media (max-width:359px){.logo__znak.logo__drzwi{height:36px}}

/* 1.0.1.56: płynne reakcje na najechanie w „Jak to działa” i FAQ; wyłączane przy prefers-reduced-motion */
@media (prefers-reduced-motion:no-preference){
  :root{interpolate-size:allow-keywords}
  body:not(.kontrast) .kz-kroki li{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
  body:not(.kontrast) .kz-krok__nr{transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .25s ease,color .25s ease,box-shadow .35s ease}
  body:not(.kontrast) .kz-ikona{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
  body:not(.kontrast) .kz-kroki h3{transition:color .25s ease}
  body:not(.kontrast) .kz-faq summary{transition:background-color .2s ease,color .2s ease}
  body:not(.kontrast) .kz-faq summary::after{transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .2s ease,border-color .2s ease,color .2s ease}
  body:not(.kontrast) .kz-faq details::details-content{block-size:0;overflow:clip;transition:block-size .32s ease,content-visibility .32s allow-discrete}
  body:not(.kontrast) .kz-faq details[open]::details-content{block-size:auto}
}
@media (hover:hover){
  body:not(.kontrast) .kz-kroki li:hover{transform:translateY(-3px)}
  body:not(.kontrast) .kz-kroki li:hover .kz-krok__nr{background:var(--kz-blue);color:#fff;transform:scale(1.1);box-shadow:0 10px 20px -10px rgba(23,92,211,.6)}
  body:not(.kontrast) .kz-kroki li:hover .kz-ikona{transform:translateY(-2px) scale(1.12)}
  body:not(.kontrast) .kz-kroki li:hover h3{color:var(--kz-blue)}
  body:not(.kontrast) .kz-faq summary:hover{background:rgba(23,92,211,.05);color:var(--kz-blue)}
  body:not(.kontrast) .kz-faq summary:hover::after{transform:scale(1.12);border-color:var(--kz-blue);background:#EAF1FF}
  body:not(.kontrast) .kz-faq details[open] summary:hover::after{background:var(--kz-blue)}
}
@media (hover:none){
  body:not(.kontrast) .kz-faq summary:active{background:rgba(23,92,211,.06)}
}
.logo .logo__tekst{font-family:var(--font);font-size:1.7rem;font-weight:500;letter-spacing:-.025em}
.logo .logo__tekst strong{font-weight:800;letter-spacing:0;color:var(--akcja)}
body.kontrast .logo .logo__tekst strong{color:#000}
@media (max-width:640px){.logo .logo__tekst{font-size:1.4rem}}

/* 1.0.1.57: mapa w hero (motyw granatowy): obrys województwa przy najechaniu i zaznaczonego w kolorze miętowym zamiast białego */
body.s-a:not(.kontrast){--st-hover:#6CE5BC;--st-zazn:#6CE5BC}

/* Logo: fala po literach i kreska pod napisem (przy otwarciu drzwi; tylko bez ograniczenia ruchu) */
.logo__tekst{position:relative}
.logo__tekst .lt{display:inline-block}
.logo__tekst::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;border-radius:2px;background:var(--akcja);transform:scaleX(0);transform-origin:left center;opacity:0}
@media (prefers-reduced-motion:no-preference){
  .logo.fala .lt{animation:kzfala .7s ease-in-out both;animation-delay:calc(var(--i)*65ms + 250ms)}
  .logo.fala .logo__tekst::after{animation:kzkreska 1.7s ease-in-out both .2s}
}
@keyframes kzfala{0%,100%{transform:translateY(0)}40%{transform:translateY(-7px)}}
@keyframes kzkreska{0%{transform:scaleX(0);opacity:1}55%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}

/* 1.0.1.59: podpis mapy (Terminy w Polsce, specjalność, data) jako ramka pod mapą zamiast obok nagłówka */
body.s-a:not(.kontrast) .mapa-obiekt .mapa-pole{order:1}
body.s-a:not(.kontrast) .mapa-obiekt .mapa-info{order:2;margin:10px 0 14px;padding:12px 16px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.07);grid-template-columns:1fr auto;align-items:center;gap:2px 16px}
body.s-a:not(.kontrast) .mapa-obiekt .mapa-info .mapa-eyebrow{grid-column:1;grid-row:1}
body.s-a:not(.kontrast) .mapa-obiekt .mapa-info .mapa-kontekst{grid-column:1;grid-row:2;margin:2px 0 0;font-size:1.125rem}
body.s-a:not(.kontrast) .mapa-obiekt .mapa-info .mapa-data{grid-column:2;grid-row:1/span 2;align-self:center;font-size:.875rem;white-space:nowrap}
body.s-a:not(.kontrast) .mapa-obiekt .mapa-info .mapa-status{grid-column:1/-1;grid-row:3}
body.s-a:not(.kontrast) .mapa-obiekt .mapa-stopka{order:3}

/* 1.0.1.60: komunikaty błędów formularza: kompaktowe, błąd województwa pod całym rzędem pól (bez rozpychania karty) */
body.s-a:not(.kontrast) .bledy{padding:10px 14px;border-width:1.5px;border-radius:12px;font-size:.9375rem;line-height:1.4}
body.s-a:not(.kontrast) .blad,body.s-a:not(.kontrast) .pole .blad{margin:6px 0 0;font-size:.875rem;font-weight:600;line-height:1.4}
@media (min-width:561px){
  body.s-a:not(.kontrast) .rzad--gdzie{position:relative}
  body.s-a:not(.kontrast) .rzad--gdzie #woj-blad{position:absolute;left:2px;top:100%;width:calc(200% - 4px);margin:8px 0 0}
  body.s-a:not(.kontrast) .rzad--gdzie:has(#woj-blad:not([hidden])){margin-bottom:34px}
}
@media (max-width:560px){
  body.s-a:not(.kontrast) .rzad--gdzie{overflow:hidden}
}

/* 1.0.1.61: mapa w hero ma stały rozmiar i położenie (nie rośnie, gdy pojawiają się komunikaty błędów formularza) */
@media (min-width:1180px){
  body.s-a:not(.kontrast) .scena__mapa{height:auto;align-self:start}
  body.s-a:not(.kontrast) .mapa-obiekt{height:auto;min-height:0}
  body.s-a:not(.kontrast) .mapa-obiekt .mapa-pole{flex:none;height:465px;min-height:0}
}

/* 1.0.1.62: nowy styl komunikatów błędów formularza: ikona ostrzeżenia, spokojniejsza czerwień, różowe tło z paskiem, płynne pojawianie */
body.s-a:not(.kontrast) .bledy{position:relative;padding:12px 14px 12px 44px;background:#FEF3F2;border:1px solid #FECDCA;border-left:4px solid #D92D20;border-radius:12px;color:#7A271A;font-weight:500}
body.s-a:not(.kontrast) .bledy::before,body.s-a:not(.kontrast) .pole .blad::before,body.s-a:not(.kontrast) .blad::before{content:"";position:absolute;background:#D92D20;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 1.75a8.25 8.25 0 100 16.5 8.25 8.25 0 000-16.5zM9.25 5.75h1.5v5.5h-1.5v-5.5zm0 6.75h1.5V14h-1.5v-1.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 1.75a8.25 8.25 0 100 16.5 8.25 8.25 0 000-16.5zM9.25 5.75h1.5v5.5h-1.5v-5.5zm0 6.75h1.5V14h-1.5v-1.5z'/%3E%3C/svg%3E") center/contain no-repeat}
body.s-a:not(.kontrast) .bledy::before{left:14px;top:12px;width:20px;height:20px}
body.s-a:not(.kontrast) .bledy a{color:#B42318;font-weight:700;text-decoration-thickness:1.5px;text-underline-offset:3px}
body.s-a:not(.kontrast) .blad,body.s-a:not(.kontrast) .pole .blad{position:relative;padding-left:22px;color:#B42318;font-weight:500}
body.s-a:not(.kontrast) .blad::before,body.s-a:not(.kontrast) .pole .blad::before{left:0;top:.2em;width:16px;height:16px}
body.s-a:not(.kontrast) .pole--blad input{border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.14)}
body.s-a:not(.kontrast) .rzad--gdzie .pole--blad{background:#FEF3F2}
body.s-a:not(.kontrast) .rzad--gdzie .pole--blad select{box-shadow:none}
@keyframes kzblad{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  body.s-a:not(.kontrast) .bledy:not([hidden]),body.s-a:not(.kontrast) .blad:not([hidden]){animation:kzblad .24s ease-out}
}

/* 1.0.1.63: podsumowanie błędów nad formularzem tylko dla czytników ekranu (bez dublowania komunikatów przy polach) */
/* podsumowanie błędów nad formularzem: tylko dla czytników ekranu (role=alert zostaje); widzący mają komunikaty przy polach */
.bledy{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}

/* 1.0.1.65: komunikat o miejscowości niepasującej do województwa */
@media (min-width:561px){
  body.s-a:not(.kontrast) .rzad--gdzie:has(#woj-blad:not([hidden])){margin-bottom:42px}
  body.s-a:not(.kontrast) .rzad--gdzie .pole:first-child.pole--blad{border-radius:14px 0 0 14px}
  body.s-a:not(.kontrast) .rzad--gdzie .pole--miej.pole--blad{border-radius:0 14px 14px 0}
}

/* 1.0.1.67: karta nagrody, nowy projekt: jasnoniebieska belka z ikoną kłódki, tekst, przyciski w jednej linii (komputer), pod sobą (telefon) */
.oferta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ik tr ak" ". nt nt";align-items:center;gap:12px 20px;margin:0 0 24px;padding:20px 24px;background:#EEF3FB;border:1px solid #C5D3E6;border-radius:18px}
.oferta[hidden]{display:none}
.oferta__ikona{grid-area:ik;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #C5D3E6;color:#175CD3}
.oferta__ikona svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.oferta__tresc{grid-area:tr;min-width:0}
.oferta__tytul{margin:0;font-size:1.1875rem;line-height:1.3;font-weight:700;color:var(--tekst)}
.oferta__opis{margin:4px 0 0;font-size:1rem;line-height:1.5;color:var(--tekst2);max-width:60ch}
.oferta__akcje{grid-area:ak;display:flex;gap:12px}
.oferta .oferta__akcje .btn{min-height:3.25rem;padding:0 24px;font-size:1.0625rem;white-space:nowrap;min-width:9.5rem}
.oferta__nota{grid-area:nt;margin:0;font-size:.875rem;line-height:1.45;color:var(--tekst2)}
.oferta--zwinieta{padding:12px 20px;gap:12px 16px}
.oferta--zwinieta .oferta__ikona{width:36px;height:36px}
.oferta--zwinieta .oferta__ikona svg{width:20px;height:20px}
.oferta--zwinieta .oferta__tresc{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}
.oferta--zwinieta .oferta__tytul{font-size:1.0625rem}
.oferta--zwinieta .oferta__opis{margin:0;font-size:1.0625rem}
.oferta .btn--tekst{min-height:2.75rem;padding-inline:4px;white-space:normal;text-align:right}
body.kontrast .oferta{background:#fff;border:2px solid #000}
body.kontrast .oferta__ikona{border-color:#000;color:#000}
@media (max-width:760px){
  .oferta{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ik tr" "ak ak" "nt nt";padding:16px;gap:12px 14px}
  .oferta__akcje{flex-direction:column}
  .oferta .oferta__akcje .btn{width:100%;min-height:3.5rem}
  .oferta--zwinieta{grid-template-areas:"ik tr" "ak ak"}
  .oferta .btn--tekst{text-align:left}
}

/* 1.0.1.68: karta nagrody jako matowe szkło: ukryta placówka to prawdziwa karta rozmyta pod oknem z ofertą */
.karty__zablokowana{position:relative;overflow:hidden;min-height:430px;background:#fff;border:1px solid #E7EBF0;border-radius:18px}
.zablokowana__tlo{filter:blur(8px);pointer-events:none;user-select:none;max-height:460px;overflow:hidden;opacity:.9}
.zablokowana__tlo .karta{border:0;box-shadow:none;background:transparent}
.zablokowana__nakladka{position:absolute;inset:0;display:grid;place-items:end center;padding:16px;background:rgba(238,243,251,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.oferta--okno{display:block;margin:0;width:100%;max-width:540px;text-align:center;background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.16);padding:22px 24px}
.oferta--okno .oferta__ikona{margin:0 auto 10px}
.oferta--okno .oferta__opis{margin:6px auto 0}
.oferta--okno .oferta__akcje{justify-content:center;margin-top:16px}
.oferta--okno .oferta__nota{margin-top:14px}
@media (max-width:760px){.karty__zablokowana{min-height:560px}.zablokowana__tlo{max-height:560px}.oferta--okno{padding:18px 16px}.oferta--okno .oferta__akcje{flex-direction:column}}

/* 1.0.1.70: karta placówki, porządek w panelu terminu: nagłówek z etykietą skali, duża liczba, pod kreską dwie zwarte linie danych; telefon jako duży numer w przycisku */
.karta__termin{gap:0;padding:14px 16px 12px}
.karta__gora{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-bottom:6px}
.karta__gora .etykieta-skali{margin:0;padding:3px 10px 3px 8px;border-radius:999px;background:#fff;border:1px solid #E1E6EE;font-size:.8125rem;font-weight:600;color:var(--tekst2);white-space:nowrap}
.karta__gora .etykieta-skali i{width:12px;height:12px;border-radius:50%;border-width:1px}
.karta__termin .karta__wiersz{margin:0}
.karta__meta{display:grid;gap:2px;margin-top:10px;padding-top:10px;border-top:1px solid #E7EBF0}
.karta__meta .karta__data{font-size:.9375rem;font-weight:600;color:var(--tekst)}
.karta__meta .karta__zrodlo{font-size:.8125rem;font-weight:500;color:var(--cichy)}
.karta__termin .karta__zdanie--mob{margin-top:10px}
.karta__akcje .btn.btn--tel{flex-direction:column;gap:2px;min-height:68px;padding:10px 16px}
.btn--tel .btn__tytul{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600}
.btn--tel .btn__tytul svg{width:1.1rem;height:1.1rem}
.btn--tel .btn__nr{font-size:1.375rem;font-weight:800;letter-spacing:.01em;line-height:1.2;font-variant-numeric:tabular-nums}

/* 1.0.1.71: wyniki: uporządkowany nagłówek, filtry w jednym panelu, mapa „Inne województwa” w granatowym panelu jak na stronie głównej; stały rozmiar pola komunikatu mapy */
body.s-a:not(.kontrast) .wyniki .pasek{align-items:center;gap:16px 24px;padding:22px 28px}
body.s-a:not(.kontrast) .wyniki .pasek__kontekst{margin:8px 0 0;font-size:1rem;font-weight:600;color:#C4D3EA}
body.s-a:not(.kontrast) .wyniki .pasek__opis{margin:16px 0 0;font-size:1.125rem;font-weight:700;color:#fff}
body.s-a:not(.kontrast) .wyniki .pasek__kolejnosc{margin:4px 0 0;font-size:.9375rem;font-weight:400;color:#9FB4D4;max-width:none}
body.s-a:not(.kontrast) .wyniki__filtry{background:#fff;border:1px solid #E7EBF0;border-radius:16px;padding:14px 16px}
body.s-a:not(.kontrast) .wyniki__filtry .filtry{margin:0;gap:10px 12px}
body.s-a:not(.kontrast) .wyniki__filtry .filtry__ukryte{width:100%;margin:12px 0 0;padding-top:10px;border-top:1px solid #E7EBF0;font-size:.875rem;color:var(--cichy)}
.wyniki__razem{margin:2px 0 12px;font-size:.9375rem;font-weight:600;color:var(--cichy)}
body.s-a:not(.kontrast) .mapa-szuflada{background:var(--st-tlo);border-radius:22px;color:#fff;padding:0 18px 18px}
body.s-a:not(.kontrast) .mapa-szuflada summary{background:transparent;color:#fff;padding:0;min-height:3.5rem}
body.s-a:not(.kontrast) .mapa-szuflada .mapa-blok--bok{padding-top:0}
body.s-a:not(.kontrast) .mapa-szuflada .woj path{stroke:#0D2B55;stroke-width:3}
body.s-a:not(.kontrast) .mapa-szuflada .woj:hover path{stroke:#fff}
body.s-a:not(.kontrast) .mapa-szuflada .mapa .nakladka .woj path{stroke:#fff;stroke-width:3.4}
body.s-a:not(.kontrast) .mapa-szuflada .mapa .nakladka .zazn path{stroke:#6CE5BC;stroke-width:6}
body.s-a:not(.kontrast) .mapa-szuflada .odczyt,body.s-a:not(.kontrast) .mapa-szuflada .odczyt *{color:#fff}
body.s-a:not(.kontrast) .mapa-szuflada .legenda,body.s-a:not(.kontrast) .mapa-szuflada .legenda *,body.s-a:not(.kontrast) .mapa-szuflada .mapa-opis{color:#C4D3EA}
body.s-a:not(.kontrast) .mapa-szuflada .mapa-opis a{color:#9CC0F2}
body.s-a:not(.kontrast) .mapa-szuflada .lista-woj__tytul{color:#fff}
body.s-a:not(.kontrast) .mapa-szuflada .lista-woj li{border-top-color:rgba(255,255,255,.2)}
body.s-a:not(.kontrast) .mapa-szuflada .lista-woj button{color:#fff}
body.s-a:not(.kontrast) .mapa-szuflada .lista-woj button:hover{background:rgba(255,255,255,.08)}
body.s-a:not(.kontrast) .mapa-szuflada .lista-woj button[aria-pressed=true]{background:rgba(255,255,255,.16)}
.mapa-status{min-height:1.3em}
.mapa-status[hidden]{display:block;visibility:hidden}
body.s-a:not(.kontrast) .mapa-szuflada .odczyt{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:14px}
.wyniki__postep{margin:2px 0 4px;font-size:.9375rem;font-weight:600;color:var(--cichy)}

/* 1.0.1.72: panel terminu w jednej kolumnie: etykieta, liczba, data, źródło; kolor skali jako pasek z boku (bez pigułki i kreski) */
.karta__termin{display:block;padding:14px 18px 14px 18px;border-left:5px solid #CBD5E4;border-left-color:color-mix(in srgb,var(--c,#CBD5E4) 55%,#2F5C94);border-radius:14px}
.karta__gora{display:block;margin:0 0 4px}
.karta__termin .karta__liczba{display:block;font-size:2.75rem;line-height:1.05}
.karta__termin .karta__liczba small{margin-left:0;font-size:1.25rem}
.karta__meta{display:grid;gap:2px;margin:8px 0 0;padding:0;border:0}
.karta__meta .karta__data{font-size:1rem;font-weight:600}
.karta__meta .karta__zrodlo{font-size:.8125rem}
.karta__termin .karta__zdanie--mob{margin-top:8px}

/* 1.0.1.74: porządek tekstów w wynikach: miejscowość w jednym rzędzie z terminem, bez noty pod filtrami */
body.s-a:not(.kontrast) .wyniki__filtry .filtry__miej{width:auto;margin:0;flex-wrap:nowrap}
body.s-a:not(.kontrast) .wyniki__filtry .filtry__miej select{min-width:200px}
@media (max-width:760px){body.s-a:not(.kontrast) .wyniki__filtry .filtry__miej{width:100%;margin:4px 0 0;flex-wrap:wrap}}
body.s-a:not(.kontrast) .wyniki__filtry .filtry__ukryte{margin:0}
#oferta-nota{display:none!important}
#razem-gora{display:none!important}

/* 1.0.1.75: karta placówki: liczba dni na środku z animowanym gradientem, numer telefonu na środku przycisku */
body.s-a:not(.kontrast) .karta__termin{text-align:center}
body.s-a:not(.kontrast) .karta__termin .karta__liczba:not(.karta__liczba--tekst){font-size:3.25rem;font-weight:800;line-height:1.05;background:linear-gradient(100deg,#1F4FD8 0%,#12A39A 35%,#6B4FE0 70%,#1F4FD8 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:kzGrad 5s linear infinite}
body.s-a:not(.kontrast) .karta__termin .karta__liczba:not(.karta__liczba--tekst) small{-webkit-text-fill-color:#16202A;color:#16202A;font-size:1.25rem}
@keyframes kzGrad{from{background-position:0% 50%}to{background-position:250% 50%}}
@media (prefers-reduced-motion:reduce){body.s-a .karta__termin .karta__liczba{animation:none!important}}
.btn--tel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.btn--tel .btn__tytul,.btn--tel .btn__nr{text-align:center}
body.s-a:not(.kontrast) .karta__termin .karta__wiersz{justify-content:center}

/* 1.0.1.76: panel terminu, koncepcja C „Poświata”: wyśrodkowana liczba z animowanym gradientem na poświacie w kolorze skali dni; telefon i dojazd jako pigułki */
/* KONCEPCJA C "Poświata": liczba wyśrodkowana na jasnej, delikatnie poruszającej się poświacie w kolorze skali dni; dane pod spodem w białym polu */
body.s-a:not(.kontrast) .karta__termin{display:block;text-align:center;background:#fff;border:1px solid #D0DBEA;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 1px 2px rgba(13,43,85,.05)}
body.s-a:not(.kontrast) .karta__termin .karta__gora,body.s-a:not(.kontrast) .karta__termin .karta__wiersz{margin:0;border:0;background:none}
body.s-a:not(.kontrast) .karta__termin:has(.karta__gora){background-color:#EAF2FC;background-image:radial-gradient(75% 85% at 50% 48%,rgba(80,155,240,.42) 0%,rgba(80,200,215,.16) 55%,transparent 80%),radial-gradient(60% 90% at 20% 20%,color-mix(in srgb,var(--c,#D7E5F5) 80%,#fff) 0%,transparent 70%),radial-gradient(55% 80% at 85% 90%,color-mix(in srgb,var(--c,#D7E5F5) 55%,#C9F0EA) 0%,transparent 70%);background-size:220% 220%;background-attachment:scroll;animation:kzC 14s ease-in-out infinite alternate}
body.s-a:not(.kontrast) .karta__termin .karta__gora{padding:18px 16px 0}
body.s-a:not(.kontrast) .karta__termin .karta__wiersz{display:flex;justify-content:center;padding:2px 16px 20px}
body.s-a:not(.kontrast) .karta__termin .karta__etyk{display:inline-block;font:700 .8125rem/1.2 var(--font);color:#1E2D44;background:rgba(255,255,255,.85);border:1px solid #C3D1E5;border-radius:999px;padding:5px 12px}
body.s-a:not(.kontrast) .karta__termin .karta__liczba:not(.karta__liczba--tekst){display:inline-flex;align-items:baseline;justify-content:center;font-size:4.75rem;font-weight:800;line-height:1.05;letter-spacing:-.05em;font-variant-numeric:lining-nums;padding:6px 0 2px;background:linear-gradient(100deg,#0D2B55 0%,#1B4DB8 30%,#0E7C86 55%,#4B3FC4 80%,#0D2B55 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:kzNum 7s linear infinite}
body.s-a:not(.kontrast) .karta__termin .karta__liczba:not(.karta__liczba--tekst) small{margin-left:.28em;font-size:1.375rem;font-weight:700;letter-spacing:0;-webkit-text-fill-color:#16202A;color:#16202A}
body.s-a:not(.kontrast) .karta__termin .karta__liczba--tekst{display:block;font-size:1.5rem;line-height:1.2;font-weight:750;letter-spacing:-.015em;color:#16202A;padding:4px 0 0}
body.s-a:not(.kontrast) .karta__termin .karta__meta{margin:0;padding:14px 16px 14px;border-top:1px solid #D0DBEA;gap:3px;background:#fff}
body.s-a:not(.kontrast) .karta__termin .karta__data{font-size:1rem;letter-spacing:-.012em;font-weight:700;color:#16202A;line-height:1.3}
body.s-a:not(.kontrast) .karta__termin .karta__zrodlo{font-size:.8125rem;font-weight:500;color:#566579}
body.s-a:not(.kontrast) .karta__termin .karta__zdanie--mob{margin:0;padding:12px 16px 14px;border-top:1px solid #D0DBEA;font-size:.9375rem;color:#37424D;background:#fff}
body.s-a:not(.kontrast) .karta__termin .karta__liczba--tekst + .karta__zdanie--mob{border-top:0;padding-top:4px}
body.s-a:not(.kontrast) .karta__termin:not(:has(.karta__gora)) {padding:18px 16px 14px}
body.s-a:not(.kontrast) .karta__prawa{gap:10px}
body.s-a:not(.kontrast) .karta__akcje{gap:8px}
body.s-a:not(.kontrast) .karta__akcje .btn{border-radius:999px;transition:background-color .15s}
body.s-a:not(.kontrast) .karta__akcje .btn.btn--tel{min-height:72px;padding:11px 18px;gap:2px;background:#175CD3}
body.s-a:not(.kontrast) .karta__akcje .btn.btn--tel:hover{background:#144FAF}
body.s-a:not(.kontrast) .btn--tel .btn__tytul{font-size:.875rem;font-weight:600;color:#DCE8FF}
body.s-a:not(.kontrast) .btn--tel .btn__nr{font-size:1.5rem;font-weight:800;color:#fff}
body.s-a:not(.kontrast) .karta__akcje .btn--drugi{min-height:48px;border:1.5px solid #8FA2BD;background:#fff;color:#16202A;font-weight:650}
body.s-a:not(.kontrast) .karta__akcje .btn--drugi:hover{background:#F2F6FB;border-color:#175CD3}
body.s-a:not(.kontrast) .karta__akcje .btn:focus-visible{outline:3px solid #16202A;outline-offset:2px;box-shadow:0 0 0 6px #FFC72C}
@keyframes kzNum{from{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes kzC{from{background-position:0% 0%}to{background-position:100% 100%}}
@media (prefers-reduced-motion:reduce){body.s-a .karta__termin,body.s-a .karta__termin .karta__liczba{animation:none!important}}


/* 1.0.1.77: lewa część karty placówki, koncepcja C13 „Trasa z tablicą adresu” (oś w kolorze skali dni, adres jako kafel) */
:root{interpolate-size:allow-keywords;--ik-pin-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23175CD3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");--ik-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");--ik-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5h.01'/%3E%3C/svg%3E")}
/* kolor skali dni z panelu terminu dostępny w całej karcie (bez zmiany HTML) */
body.s-a:not(.kontrast) .karta{--kc:#C9D6E8}
body.s-a:not(.kontrast) .karta:has([style*="--s0"]){--kc:var(--s0)}
body.s-a:not(.kontrast) .karta:has([style*="--s1"]){--kc:var(--s1)}
body.s-a:not(.kontrast) .karta:has([style*="--s2"]){--kc:var(--s2)}
body.s-a:not(.kontrast) .karta:has([style*="--s3"]){--kc:var(--s3)}
body.s-a:not(.kontrast) .karta:has([style*="--s4"]){--kc:var(--s4)}
body.s-a:not(.kontrast) .karta{--ak:color-mix(in srgb,var(--kc) 40%,#2F5C94)}
body.s-a:not(.kontrast) .karta__szczegoly::details-content{block-size:0;overflow:clip;transition:block-size .28s ease,content-visibility .28s allow-discrete}
body.s-a:not(.kontrast) .karta__szczegoly[open]::details-content{block-size:auto}
body.s-a:not(.kontrast) .karta__szczegoly summary{min-height:48px;font:650 1rem/1.3 var(--font);color:#175CD3;border-radius:12px}
body.s-a:not(.kontrast) .karta__szczegoly summary::after,body.s-a:not(.kontrast) .karta__szczegoly[open] summary::after{content:"";flex:none;width:9px;height:9px;margin:-4px 4px 0 auto;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition:transform .25s ease,margin .25s ease;background:none;border-radius:0}
body.s-a:not(.kontrast) .karta__szczegoly[open] summary::after{transform:rotate(-135deg);margin-top:4px}
body.s-a:not(.kontrast) .karta__szczegoly summary:focus-visible{outline:3px solid #16202A;outline-offset:2px;box-shadow:0 0 0 6px #FFC72C}
body.s-a:not(.kontrast) .karta__dane dt{font-size:.8125rem;font-weight:600;color:#566579;line-height:1.3}
body.s-a:not(.kontrast) .karta__dane dd{font-variant-numeric:tabular-nums lining-nums}
body.s-a:not(.kontrast) .karta__brak-sz{font-size:.9375rem;color:#37424D}
@media (max-width:759px){body.s-a:not(.kontrast) .karta .karta__opis .karta__zdanie--des{display:none}}
@media (prefers-reduced-motion:reduce){body.s-a .karta__szczegoly::details-content,body.s-a .karta__szczegoly summary::after{transition:none!important}}

/* C13 "Trasa z tablicą adresu": oś w kolorze skali dni z trzema punktami (nazwa, adres, szczegóły). Adres to kafel z gradientem koloru skali tuż pod nazwą, pinezka-punkt osi stoi obok tekstu. Kafel ma wysokość z zawartości (min. 84 px); wolna wysokość dzieli się na dwa równe odstępy (nad kafelkiem i pod cichą linią NFZ) w rytmie osi. */
body.s-a:not(.kontrast) .karta{position:relative}
body.s-a:not(.kontrast) .karta__opis{position:relative;display:flex;flex-direction:column;gap:0;padding-left:38px;padding-bottom:14px}
body.s-a:not(.kontrast) .karta__opis>div:first-child{position:relative;display:grid;gap:10px;justify-items:start;margin-bottom:16px}
body.s-a:not(.kontrast) .karta__nazwa{font:800 1.625rem/1.15 var(--font);letter-spacing:-.025em;color:#0D2B55;text-wrap:balance}
body.s-a:not(.kontrast) .karta__miejsce{display:inline-block;max-width:100%;margin:0;font:700 .9375rem/1.3 var(--font);color:#1E2D44}
body.s-a:not(.kontrast) .karta__opis>div:first-child::before,body.s-a:not(.kontrast) .karta__szczegoly::before{content:"";position:absolute;z-index:1;left:-38px;top:9px;width:20px;height:20px;box-sizing:border-box;border:4px solid var(--ak);border-radius:50%;background:#fff}
body.s-a:not(.kontrast) .karta__adres{position:relative;display:flex;align-items:center;flex:0 0 auto;min-height:84px;margin:auto 0 0;padding:20px 22px;border:1.5px solid color-mix(in srgb,var(--ak) 70%,#fff);border-radius:18px;background:linear-gradient(110deg,color-mix(in srgb,var(--kc) 65%,#B9D3F3) 0%,#F3F8FE 100%);font:800 1.25rem/1.3 var(--font);letter-spacing:-.012em;color:#0D2B55}
body.s-a:not(.kontrast) .karta__adres::before{content:"";position:absolute;z-index:1;left:-47px;top:50%;width:38px;height:38px;margin-top:-19px;box-sizing:border-box;border:3px solid var(--ak);border-radius:50%;background:#fff var(--ik-pin-b) center/20px no-repeat}
body.s-a:not(.kontrast) .karta__zdanie--des{margin:8px 4px auto;font-size:.875rem;line-height:1.4;color:#566579}
body.s-a:not(.kontrast) .karta__opis>p:last-child{margin-bottom:auto}
body.s-a:not(.kontrast) .karta__notatka{margin:6px 4px 0;font-size:.875rem;color:#566579}
body.s-a:not(.kontrast) .karta__szczegoly{position:relative;padding-left:38px;border-top:0}
body.s-a:not(.kontrast) .karta__szczegoly::before{left:0;top:14px}
body.s-a:not(.kontrast) .karta__szczegoly::after{content:"";position:absolute;left:8px;top:0;height:16px;width:4px;background:color-mix(in srgb,var(--ak) 60%,#fff)}
body.s-a:not(.kontrast) .karta__szczegoly summary{padding:0}
body.s-a:not(.kontrast) .karta__szczegoly .karta__dane{margin:0 0 8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
body.s-a:not(.kontrast) .karta__dane dd{font-size:1.5rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#0D2B55}
@media (min-width:760px){
 body.s-a:not(.kontrast) .karta{grid-template-rows:1fr auto;row-gap:0}
 body.s-a:not(.kontrast) .karta__opis{align-self:stretch}
 body.s-a:not(.kontrast) .karta__opis::before{content:"";position:absolute;left:8px;top:19px;bottom:0;width:4px;border-radius:2px 2px 0 0;background:linear-gradient(var(--ak),color-mix(in srgb,var(--ak) 60%,#fff))}
}
@media (max-width:759px){
 body.s-a:not(.kontrast) .karta__opis::before{content:"";position:absolute;left:8px;top:19px;bottom:0;width:4px;border-radius:2px;background:linear-gradient(var(--ak),transparent)}
 body.s-a:not(.kontrast) .karta__nazwa{font-size:1.375rem}
 body.s-a:not(.kontrast) .karta__adres{flex:none;min-height:0;max-height:none;margin-top:0;padding:16px 18px;font-size:1.125rem}
 body.s-a:not(.kontrast) .karta__szczegoly{padding-left:0;border-top:1px solid #E1E8F1}
 body.s-a:not(.kontrast) .karta__szczegoly::before,body.s-a:not(.kontrast) .karta__szczegoly::after{display:none}
}


/* 1.0.1.78: dół listy wyników, koncepcja 3 „Stacja”: granatowy blok postępu, pomoc jako panel z poświatą, zastrzeżenie jako pas z ikoną */
/* wspólne: ikona informacji, układ kolumny wyników bez zmiany sąsiadów */
:root{--ik-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5h.01'/%3E%3C/svg%3E")}
body.s-a:not(.kontrast) #razem-dol,body.s-a:not(.kontrast) #wiecej,body.s-a:not(.kontrast) #koniec,body.s-a:not(.kontrast) #uwaga{max-width:none}

/* 3 "Stacja": granatowy blok postępu z paskiem w barwach skali dni (lista idzie od najkrótszych terminów), biały przycisk główny; pomoc jako panel z poświatą; zastrzeżenie z paskiem w granacie. */
body.s-a:not(.kontrast) #razem-dol{margin:24px 0 0;padding:20px 24px 0;border-radius:22px 22px 0 0;background:#0F3166;color:#fff;font:700 1rem/1.3 var(--font)}
body.s-a:not(.kontrast) #razem-dol::after{content:"";display:block;height:10px;margin:14px 0 0;border-radius:5px;background:linear-gradient(90deg,var(--s0),var(--s2),var(--s4)) 0 0/calc(var(--p,0)*100%) 100% no-repeat,rgba(255,255,255,.22)}
body.s-a:not(.kontrast) #wiecej{margin:-1px 0 0;padding:18px 24px 24px;border-radius:0 0 22px 22px;background:#0F3166}
body.s-a:not(.kontrast) #wiecej .btn{text-wrap:balance;width:100%;min-height:56px;border:0;border-radius:999px;background:#fff;color:#0F3166;font:800 1.0625rem/1.2 var(--font)}
body.s-a:not(.kontrast) #wiecej .btn:hover{background:#EAF2FC}
body.s-a:not(.kontrast) #wiecej .btn:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #FFC72C}
body.s-a:not(.kontrast) #koniec{margin-top:20px;padding:24px;border:1px solid #D0DBEA;border-radius:22px;text-align:center;background-color:#EAF2FC;background-image:radial-gradient(70% 90% at 50% 0%,rgba(80,155,240,.30),transparent 75%),radial-gradient(60% 80% at 90% 100%,rgba(80,200,215,.18),transparent 70%)}
body.s-a:not(.kontrast) #koniec h3{font:800 1.25rem/1.25 var(--font);margin:0 0 6px;color:#0D2B55}
body.s-a:not(.kontrast) #koniec p{margin:0 auto 16px;max-width:46ch;font-size:1rem;color:#1E2D44}
body.s-a:not(.kontrast) #koniec .stan__akcje{justify-content:center;gap:8px 12px}
body.s-a:not(.kontrast) #koniec .btn{min-height:48px;padding:0 22px;border:1.5px solid #175CD3;border-radius:999px;background:#fff;color:#175CD3;font:700 1rem/1.2 var(--font)}
body.s-a:not(.kontrast) #koniec .btn:hover{background:#F2F6FB}
body.s-a:not(.kontrast) #koniec #koniec-ponow{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:.25em}
body.s-a:not(.kontrast) #uwaga{position:relative;margin:16px 0 0;padding:16px 20px 16px 60px;background:#fff;border:1px solid #D0DBEA;border-left:5px solid #0F3166;border-radius:6px 18px 18px 6px;font-size:.9375rem;line-height:1.45;color:#16202A}
body.s-a:not(.kontrast) #uwaga::before{content:"";position:absolute;left:20px;top:50%;width:26px;height:26px;margin-top:-13px;background:#0F3166;-webkit-mask:var(--ik-info) center/contain no-repeat;mask:var(--ik-info) center/contain no-repeat}
@media (max-width:640px){
 body.s-a:not(.kontrast) #razem-dol{padding:18px 18px 0}
 body.s-a:not(.kontrast) #wiecej{padding:16px 18px 20px}
 body.s-a:not(.kontrast) #koniec{padding:20px 16px}
 body.s-a:not(.kontrast) #koniec .stan__akcje{flex-direction:column;align-items:stretch}
 body.s-a:not(.kontrast) #uwaga{padding:14px 16px 14px 52px}
 body.s-a:not(.kontrast) #uwaga::before{left:16px}
}


/* 1.0.1.79: stopka serwisu, koncepcja 1 „Siatka 12 kolumn”: symetryczna siatka, linki 2x2, numer alarmowy jako pigułka */
:root{--ik-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
/* wspólne dla wszystkich koncepcji stopki */
body:not(.kontrast) .stopka{position:relative;padding:52px 0 112px;background-color:#0D2B55;color:#E6EEFA}
body:not(.kontrast) .stopka::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--s0),var(--s1),var(--s2),var(--s3),var(--s4))}
body:not(.kontrast) .stopka .wrap{position:relative}
body:not(.kontrast) .stopka__disclaimer{margin:0;max-width:60ch;font-size:1rem;line-height:1.6;color:#E6EEFA}
body:not(.kontrast) .stopka__wlasciciel{margin:0;font-size:.875rem;line-height:1.5;color:#AFC2DE}
body:not(.kontrast) .stopka__linki{padding:0;border:0}
body:not(.kontrast) .stopka__linki a{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;color:#fff;font:600 1rem/1.3 var(--font);text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-decoration-thickness:1.5px;text-underline-offset:.3em}
body:not(.kontrast) .stopka__linki a:hover{text-decoration-color:#fff}
body:not(.kontrast) .stopka__linki a[href^="tel"]{gap:10px;min-height:48px;padding:0 22px;border:1.5px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(255,255,255,.08);text-decoration:none;font-weight:700}
body:not(.kontrast) .stopka__linki a[href^="tel"]::before{content:"";width:20px;height:20px;background:#fff;-webkit-mask:var(--ik-tel) center/contain no-repeat;mask:var(--ik-tel) center/contain no-repeat}
body:not(.kontrast) .stopka__linki a[href^="tel"]:hover{background:rgba(255,255,255,.16);border-color:#fff}
body:not(.kontrast) .stopka a:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #FFC72C;border-radius:6px}

/* 1 "Siatka 12 kolumn": zastrzeżenie po lewej, linki w siatce 2x2 wyrównane do prawej krawędzi kontenera, pełna linia dzieląca na szerokość kontenera, pod nią marka (lewa krawędź) i numer alarmowy jako pigułka (prawa krawędź) w jednym rzędzie. */
body:not(.kontrast) .stopka{background-image:radial-gradient(60% 100% at 0% 100%,rgba(80,155,240,.18),transparent 70%)}
body:not(.kontrast) .stopka .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
body:not(.kontrast) .stopka__linki{display:contents}
body:not(.kontrast) .stopka__disclaimer{grid-column:1/7;grid-row:1/4;align-self:start}
body:not(.kontrast) .stopka__linki a:nth-child(1){grid-column:7/10;grid-row:1}
body:not(.kontrast) .stopka__linki a:nth-child(2){grid-column:10/13;grid-row:1}
body:not(.kontrast) .stopka__linki a:nth-child(3){grid-column:7/10;grid-row:2}
body:not(.kontrast) .stopka__linki a[href^="mailto"]{grid-column:10/13;grid-row:2}
body:not(.kontrast) .stopka__linki a[data-akcja="gora"]{grid-column:10/13;grid-row:2}
body:not(.kontrast) .stopka__linki:has(a[href^="mailto"]) a[data-akcja="gora"]{grid-row:3}
body:not(.kontrast) .stopka__linki a:nth-child(-n+3),body:not(.kontrast) .stopka__linki a[href^="mailto"],body:not(.kontrast) .stopka__linki a[data-akcja="gora"]{justify-self:end;text-align:right}
body:not(.kontrast) .stopka .wrap::before{content:"";grid-column:1/-1;grid-row:4;height:0;margin:28px 0 12px;border-top:1px solid rgba(255,255,255,.2)}
body:not(.kontrast) .stopka__wlasciciel{grid-column:1/8;grid-row:5}
body:not(.kontrast) .stopka__linki a[href^="tel"]{grid-column:8/13;grid-row:5;justify-self:end}
@media (max-width:860px){
 body:not(.kontrast) .stopka{padding:36px 0 104px}
 body:not(.kontrast) .stopka .wrap{grid-template-columns:1fr 1fr;column-gap:16px}
 body:not(.kontrast) .stopka .wrap::before{display:none}
 body:not(.kontrast) .stopka__disclaimer{grid-column:1/-1;grid-row:auto;margin-bottom:12px}
 body:not(.kontrast) .stopka__linki a:nth-child(n){grid-column:auto;grid-row:auto;justify-self:start;text-align:left}
 body:not(.kontrast) .stopka__linki a[href^="tel"]{grid-column:1/-1;grid-row:auto;justify-self:stretch;justify-content:center;margin-top:12px}
 body:not(.kontrast) .stopka__wlasciciel{order:9;grid-column:1/-1;grid-row:auto;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
}
@media (max-width:480px){body:not(.kontrast) .stopka .wrap{grid-template-columns:1fr}body:not(.kontrast) .stopka__linki a[href^="tel"]{justify-self:stretch}}

/* Teksty prawne (03.10): lista „W skrócie” (ul), przewijana tabela z danymi na telefonie, zagnieżdżone listy */
.skrot ul{margin:0;padding-left:1.4em}
.tekst ol{padding-left:1.4em}
.tekst li>ol,.tekst li>ul{margin-top:6px}
.tabela-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 22px;border:1px solid var(--linia);border-radius:var(--r)}
.tabela-wrap:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}
.tabela-wrap table{border-collapse:collapse;width:100%;min-width:720px;font-size:.95rem;line-height:1.45}
.tabela-wrap th,.tabela-wrap td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linia)}
.tabela-wrap thead th{background:var(--panel);font-weight:700;white-space:nowrap}
.tabela-wrap tbody th{font-weight:700;min-width:140px}
.tabela-wrap tbody tr:last-child th,.tabela-wrap tbody tr:last-child td{border-bottom:0}

/* Stopka (03.10): piąty link „Ustawienia cookies” w siatce 3 rzędy x 2 kolumny po prawej (od 861 px; niżej obowiązuje układ mobilny).
   Bez „Kontakt”: rząd 2 = Regulamin | Ustawienia cookies, rząd 3 = Wróć na górę (prawa kolumna).
   Z „Kontakt”: rząd 2 = Regulamin | Kontakt, rząd 3 = Ustawienia cookies | Wróć na górę. */
@media (min-width:861px){
 body:not(.kontrast) .stopka__linki a[data-akcja="cookies"]{grid-column:10/13;grid-row:2;justify-self:end;text-align:right}
 body:not(.kontrast) .stopka__linki:has(a[data-akcja="cookies"]) a[data-akcja="gora"]{grid-column:10/13;grid-row:3}
 body:not(.kontrast) .stopka__linki:has(a[href^="mailto"]) a[data-akcja="cookies"]{grid-column:7/10;grid-row:3}
}