/* KolejkaZero B2. Białe tło, jeden niebieski, treść min. 18 px, pola i przyciski min. 48 px, mapa jako wspomaganie. Fonty lokalne. */
@font-face{font-family:"KZ Inter";src:url(../fonts/inter.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"KZ Serif";src:url(../fonts/serif.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:block}
:root{
  --tlo:#FFFFFF; --panel:#F3F6F9; --linia:#D3DAE1; --linia-m:#5E6B78;
  --tekst:#16202A; --tekst2:#37424D;
  --akcja:#0B4F8A; --akcja-h:#083A66; --fokus:#16202A; --fokus2:#FFC72C;
  --s0:#DCEAF7; --s1:#B0CFEA; --s2:#78A9D8; --s3:#3A74B1; --s4:#17395F; --baza:#E8EDF2; --baza-h:#D3DCE6;
  --serif:"KZ Serif",Georgia,"Times New Roman",serif;
  --font:"KZ Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:8px;
}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px;font-size:100%}
html.t1{font-size:118%}
html.t2{font-size:136%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--tlo);color:var(--tekst);font:400 1.125rem/1.6 var(--font);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
body.kontrast{--tekst:#000;--tekst2:#000;--linia:#000;--linia-m:#000;--akcja:#000;--akcja-h:#222;--panel:#fff;--baza:#fff}
body.kontrast .btn--drugi,body.kontrast .panel,body.kontrast .karta__termin{border:2px solid #000}
main{flex:1;outline:none}
img,svg{max-width:100%}
a{color:var(--akcja);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:3px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0;text-wrap:balance}
:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;box-shadow:0 0 0 6px var(--fokus2);border-radius:4px}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
.skip{position:absolute;left:12px;top:-80px;background:#000;color:#fff;padding:12px 16px;border-radius:var(--r);z-index:100;font-weight:700}
.skip:focus{top:12px}

/* narzędzia dostępności */
.narzedzia{background:var(--panel);border-bottom:1px solid var(--linia)}
.narzedzia__wew{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:flex-end;min-height:52px;padding-block:4px}
.narzedzia__grupa{display:flex;align-items:center;gap:6px}
.narzedzia__nazwa{font-size:1rem;color:var(--tekst2);margin-right:4px}
.nar-btn{min-width:48px;min-height:48px;padding:0 12px;border:2px solid var(--linia-m);border-radius:var(--r);background:var(--tlo);font:600 1rem var(--font);color:var(--tekst);cursor:pointer}
.nar-btn--b{font-size:1.1rem}.nar-btn--c{font-size:1.2rem}
.nar-btn[aria-pressed=true]{background:var(--akcja);border-color:var(--akcja);color:#fff}

/* nagłówek */
.naglowek{border-bottom:1px solid var(--linia)}
.naglowek__wew{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--tekst)}
.logo__znak{width:42px;height:42px;flex:none}
.logo__znak path{fill:var(--akcja);stroke:#fff;stroke-width:12;stroke-linejoin:round;paint-order:stroke}
.logo__tekst{font:600 1.6rem/1 var(--serif);letter-spacing:-.02em}
.logo__tekst strong{font-weight:800}
.menu{display:flex;gap:4px}
.menu a{display:inline-flex;align-items:center;min-height:48px;padding:0 12px;font-weight:600;color:var(--tekst)}

/* przyciski i pola */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:3.5rem;padding:0 28px;border:2px solid var(--akcja);border-radius:var(--r);font:700 1.125rem/1.2 var(--font);text-decoration:none;cursor:pointer;background:var(--tlo);color:var(--akcja);text-align:center}
.btn--glowny{background:var(--akcja);color:#fff}
.btn--glowny:hover:not(:disabled){background:var(--akcja-h);border-color:var(--akcja-h)}
.btn--drugi:hover{background:var(--panel)}
.btn--duzy{min-height:3.75rem;font-size:1.25rem}
.btn:disabled{background:#C7CDD3;border-color:#C7CDD3;color:#2B333B;cursor:not-allowed}
.btn svg{width:1.4rem;height:1.4rem;flex:none}
.blad{margin:8px 0 0;color:#A61B1B;font-weight:700}
.pomoc{margin:8px 0 0;color:var(--tekst2);font-size:1rem}
.etykieta{display:block;font:700 1.25rem/1.3 var(--font);margin:0 0 8px;padding:0}
input[type=text],select{width:100%;min-height:3.5rem;padding:10px 16px;font:inherit;font-size:1.125rem;color:var(--tekst);background:var(--tlo);border:2px solid var(--linia-m);border-radius:var(--r)}
input[type=text]::placeholder{color:#58626D;opacity:1}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M1.5 1.5l6.5 6.5 6.5-6.5' fill='none' stroke='%2316202A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:48px;cursor:pointer}
.combo{position:relative}
.combo__lista{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:var(--tlo);border:2px solid var(--linia-m);border-radius:var(--r);max-height:340px;overflow:auto;box-shadow:0 8px 24px rgba(22,32,42,.16)}
.combo__lista li{padding:12px;cursor:pointer;border-radius:5px;min-height:3rem;display:flex;align-items:center}
.combo__lista li[aria-selected=true],.combo__lista li:hover{background:var(--s0)}
.combo__lista mark{background:none;font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:3px}
.chipy{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{min-height:3rem;padding:0 18px;border:2px solid var(--linia-m);border-radius:99px;background:var(--tlo);font:600 1.0625rem/1 var(--font);cursor:pointer;color:var(--tekst)}
.chip:hover{background:var(--s0)}
.chip[aria-pressed=true]{background:var(--s0);border-color:var(--akcja);color:var(--tekst)}
.opcje{border:0;margin:0;padding:0;min-width:0}
.opcje legend{padding:0}
.przelacznik{display:flex;border:2px solid var(--linia-m);border-radius:var(--r);overflow:hidden}
.przelacznik label{flex:1;position:relative;display:block}
.przelacznik label+label{border-left:2px solid var(--linia-m)}
.przelacznik input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.przelacznik span{display:flex;align-items:center;justify-content:center;min-height:3.5rem;padding:0 8px;font-weight:600;text-align:center;line-height:1.2}
.przelacznik input:checked+span{background:var(--akcja);color:#fff}
.przelacznik input:not(:checked):hover+span{background:var(--s0)}
.przelacznik input:focus-visible+span{outline:3px solid var(--fokus);outline-offset:-6px}

/* start */
.hero{padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px)}
.hero__siatka{display:grid;gap:clamp(32px,4vw,64px);align-items:start}
@media (min-width:1000px){.hero__siatka{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.hero h1{font-size:clamp(2.1rem,3.2vw + .6rem,3.3rem);font-weight:800;margin:0 0 14px}
.lede{font-size:1.25rem;color:var(--tekst2);margin:0 0 28px;max-width:46ch}
.lede strong{color:var(--tekst)}
.formularz{display:grid;gap:26px}
.dwie{display:grid;gap:26px}
@media (min-width:640px) and (max-width:999px),(min-width:1200px){.dwie{grid-template-columns:1fr 1fr}}
.wiecej{border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.wiecej summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:3.5rem;font-weight:600;color:var(--akcja)}
.wiecej summary::-webkit-details-marker{display:none}
.wiecej summary::after{content:"+";font-size:1.6rem;line-height:1}
.wiecej[open] summary::after{content:"–"}
.wiecej .dwie{padding:6px 0 22px}
.formularz .btn--duzy{width:100%}
@media (min-width:1000px){.formularz .btn--duzy{width:auto;justify-self:start;min-width:300px}}
.nota112{margin:0;color:var(--tekst2);max-width:46ch}
.nota112 a{color:var(--tekst)}

/* mapa */
.mapa-blok{margin:0}
.mapa-blok__naglowek{display:grid;gap:8px;justify-items:start;margin-bottom:12px}
.mapa-tytul{font:700 1.25rem/1.3 var(--font)}
.przyklad{display:inline-block;font-size:1rem;color:var(--tekst2);border:1.5px dashed var(--linia-m);border-radius:99px;padding:3px 12px}
.mapa{display:block;width:100%;height:auto;overflow:visible;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.woj{cursor:pointer;outline:none}
.woj path{fill:var(--baza);stroke:#fff;stroke-width:3;stroke-linejoin:round;transition:fill .4s ease}
.woj.k0 path{fill:var(--s0)}.woj.k1 path{fill:var(--s1)}.woj.k2 path{fill:var(--s2)}.woj.k3 path{fill:var(--s3)}.woj.k4 path{fill:var(--s4)}
.woj.brak path{fill:url(#wzor-brak)}
.woj text{pointer-events:none;text-anchor:middle;fill:var(--tekst)}
.woj .nazwa{font:600 13.5px var(--font)}
.woj .dni{font:700 22px var(--font);opacity:0;transition:opacity .4s ease;font-feature-settings:"tnum"}
.woj .dni tspan.j{font:600 13px var(--font)}
.woj.k3 text,.woj.k4 text{fill:#fff}
.mapa.z-danymi .woj.k0 .dni,.mapa.z-danymi .woj.k1 .dni,.mapa.z-danymi .woj.k2 .dni,.mapa.z-danymi .woj.k3 .dni,.mapa.z-danymi .woj.k4 .dni,.mapa.z-danymi .woj.brak .dni{opacity:1}
.mapa.z-danymi .woj.brak .dni{font:600 13px var(--font)}
.woj:hover path{stroke:var(--tekst);stroke-width:3}
.mapa .nakladka{pointer-events:none}
.mapa .nakladka .woj path{transition:none;stroke:var(--tekst);stroke-width:3.4}
.mapa .nakladka .zazn path{stroke:var(--akcja);stroke-width:6}
.mapa .nakladka .woj:not(.k0):not(.k1):not(.k2):not(.k3):not(.k4):not(.brak).zazn path{fill:var(--s1)}
.mapa .nakladka .woj:not(.k0):not(.k1):not(.k2):not(.k3):not(.k4):not(.brak).hover path{fill:var(--baza-h)}
.woj:focus-visible path{stroke:var(--tekst);stroke-width:5}
.mapa--mala .woj .nazwa{display:none}
.mapa--mala .woj .dni{font-size:30px}
.mapa--mala .woj .dni tspan.j{display:none}
@media (max-width:640px){.mapa .woj .nazwa{display:none}.mapa .woj .dni{font-size:34px}.mapa .woj .dni tspan.j{display:none}}
.odczyt{margin-top:14px;padding:12px 16px;background:var(--panel);border-radius:var(--r);display:grid;gap:2px;min-height:5rem;align-content:center}
.odczyt__woj{font:700 1.25rem/1.2 var(--font)}
.odczyt__tekst{color:var(--tekst2);line-height:1.45}
.odczyt__tekst b{color:var(--tekst)}
.legenda{padding-top:16px}
.legenda__tytul{margin:0 0 8px;font-weight:600}
.legenda__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px}
.legenda__lista li{display:flex;align-items:center;gap:10px;line-height:1.25}
.legenda__lista i{flex:none;width:28px;height:20px;border:1.5px solid var(--linia-m);border-radius:3px;background:var(--c)}
.legenda__lista li.brak i{background:repeating-linear-gradient(135deg,#fff 0 3px,#8794A1 3px 4.5px)}
@media (min-width:1000px) and (min-height:900px){.mapa-zwin{position:sticky;top:12px}}

/* etap reklamy */
.etap{padding:clamp(32px,5vw,64px) 0}
.etap__siatka{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
@media (min-width:900px){.etap__siatka{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.etap h2{font-size:clamp(2rem,3vw + .5rem,3rem);font-weight:800;margin-bottom:14px}
.etap h2:focus{outline:none;box-shadow:none}
.etap__opis{font-size:1.375rem;margin:0 0 18px}
.etap__sek{font-size:1.5rem}
.postep{height:12px;background:var(--panel);border:1.5px solid var(--linia-m);border-radius:99px;overflow:hidden;margin-bottom:12px;max-width:520px}
.postep__pasek{height:100%;width:0;background:var(--akcja)}
.etap__postep{margin:0 0 24px;color:var(--tekst2)}
.etap__dlaczego{margin:22px 0 0;color:var(--tekst2);max-width:50ch}
.reklama{background:var(--panel);border-radius:var(--r);padding:14px}
.reklama__etykieta{margin:0 0 10px;font-weight:700;color:var(--tekst2)}
.reklama__slot{display:grid;place-items:center;min-height:280px;background:#fff;border:1.5px dashed var(--linia-m);border-radius:4px}
.reklama__miejsce{margin:0;font-size:1.25rem;color:var(--tekst2)}
@media (max-width:899px){.etap__prawa{order:2}}

/* wyniki */
.wyniki{padding:clamp(24px,3vw,44px) 0 clamp(40px,5vw,72px)}
.pasek{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;align-items:flex-end;padding-bottom:22px}
.pasek h2{font-size:clamp(2rem,3vw + .5rem,3rem);font-weight:800;margin:0 0 8px}
.pasek h2:focus{outline:none;box-shadow:none}
.pasek__opis{margin:0;font-weight:600}
.pasek__kolejnosc{margin:6px 0 0;color:var(--tekst2);max-width:60ch}
.pasek__akcje{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wyniki__siatka{display:grid;gap:28px}
@media (min-width:1000px){.wyniki__siatka{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:48px;align-items:start}}
.filtry{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.filtry__tytul{font-weight:700;margin-right:4px}
.filtr{min-height:3rem;padding:0 18px;border:2px solid var(--linia-m);border-radius:99px;background:var(--tlo);font:600 1.0625rem var(--font);cursor:pointer;color:var(--tekst)}
.filtr:hover{background:var(--s0)}
.filtr[aria-pressed=true]{background:var(--s0);border-color:var(--akcja)}
.karty{list-style:none;margin:0;padding:0}
.karty li{border-top:1px solid var(--linia)}
.karta{display:grid;gap:18px;padding:26px 0}
@media (min-width:760px){.karta{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"opis prawa" "dane prawa";gap:18px 32px;align-items:start}.karta__opis{grid-area:opis}.karta__prawa{grid-area:prawa}.karta__dane{grid-area:dane}}
.karta__opis{display:grid;gap:10px;min-width:0}
.karta__nazwa{font-size:1.5rem;line-height:1.2;font-weight:700}
.karta__miejsce{margin:2px 0 0;color:var(--tekst2)}
.karta__adres{margin:0}
.karta__prawa{display:grid;gap:12px}
.karta__termin{background:var(--panel);border-radius:12px;padding:16px 18px;display:grid;gap:6px}
.karta__liczba{font:700 3.6rem/1 var(--serif);letter-spacing:-.02em;font-variant-numeric:lining-nums}
.karta__liczba small{font:700 1.375rem var(--font);letter-spacing:0;margin-left:6px}
.karta__data{margin:0;font-weight:700}
.karta__zdanie{margin:0;color:var(--tekst2);line-height:1.45}
.etykieta-skali{display:inline-flex;align-items:center;gap:8px;font-weight:600;margin-top:2px}
.etykieta-skali i{width:22px;height:18px;border-radius:3px;border:1.5px solid var(--linia-m);background:var(--c);flex:none}
.karta__akcje{display:grid;gap:10px}
.karta__akcje .btn{width:100%}
.karta__notatka{margin:0;color:var(--tekst2);font-size:1rem}
.karta__dane{margin:0;display:grid;gap:4px 24px;font-size:1rem;color:var(--tekst2)}
@media (min-width:520px){.karta__dane{grid-template-columns:repeat(3,auto);justify-content:start}}
.karta__dane div{display:flex;flex-direction:column}
.karta__dane dt{font-size:1rem}
.karta__dane dd{margin:0;font-weight:700;color:var(--tekst)}
@media (max-width:759px){.karta__opis{order:0}.karta__prawa{order:1}.karta__dane{order:2}}

/* mapa w wynikach */
.mapa-szuflada{border:0}
.mapa-szuflada summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:3.5rem;padding:0 18px;background:var(--panel);border-radius:var(--r);font-weight:700;font-size:1.125rem;color:var(--akcja)}
.mapa-szuflada summary::-webkit-details-marker{display:none}
.mapa-szuflada summary::after{content:"+";font-size:1.6rem;line-height:1}
.mapa-szuflada[open] summary::after{content:"–"}
.mapa-blok--bok{padding-top:16px}
.lista-woj__tytul{font:700 1.125rem/1.3 var(--font);margin:22px 0 8px;letter-spacing:0}
.lista-woj{list-style:none;margin:0;padding:0}
.lista-woj li{border-top:1px solid var(--linia)}
.lista-woj button{width:100%;min-height:3rem;display:flex;align-items:center;gap:10px;padding:6px 4px;border:0;background:transparent;font:400 1.0625rem/1.25 var(--font);color:var(--tekst);cursor:pointer;text-align:left}
.lista-woj button:hover{background:var(--panel)}
.lista-woj button[aria-pressed=true]{font-weight:700;background:var(--s0)}
.lista-woj i{flex:none;width:22px;height:18px;border:1.5px solid var(--linia-m);border-radius:3px;background:var(--c,var(--baza))}
.lista-woj i.brak{background:repeating-linear-gradient(135deg,#fff 0 3px,#8794A1 3px 4.5px)}
.lista-woj span{flex:1}
.lista-woj b{white-space:nowrap}

.stan{display:grid;justify-items:start;gap:14px;padding:clamp(20px,3vw,32px);background:var(--panel);border-radius:12px;max-width:720px}
.stan h3{font-size:clamp(1.5rem,2vw + .6rem,2rem);font-weight:800;max-width:26ch}
.stan p{margin:0;color:var(--tekst2);max-width:56ch}
.stan__akcje{display:flex;flex-wrap:wrap;gap:12px}
.stan__rys{width:min(220px,70%);height:auto;color:var(--tekst)}
.uwaga{margin:28px 0 0;color:var(--tekst2);max-width:62ch}

/* sekcje informacyjne */
.sekcja{padding:clamp(44px,6vw,80px) 0;border-top:1px solid var(--linia)}
.sekcja h2{font-size:clamp(1.9rem,2.6vw + .6rem,2.8rem);font-weight:800;margin-bottom:28px}
.kroki{list-style:none;margin:0;padding:0;display:grid;gap:26px 32px}
@media (min-width:640px){.kroki{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.kroki{grid-template-columns:repeat(4,1fr)}}
.kroki li{display:grid;gap:10px;align-content:start;justify-items:start}
.kroki__nr{font:700 1.25rem/1 var(--font);color:#fff;background:var(--akcja);width:40px;height:40px;display:grid;place-items:center;border-radius:50%}
.kroki p{margin:0;max-width:30ch}
.pytania__siatka{display:grid;gap:24px}
@media (min-width:960px){.pytania__siatka{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}.pytania h2{margin-bottom:0}}
.pytania__lista details{border-top:1px solid var(--linia)}
.pytania__lista details:last-child{border-bottom:1px solid var(--linia)}
summary{list-style:none;cursor:pointer}
.pytania summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:4.5rem;padding:12px 0;font:700 1.25rem/1.3 var(--font)}
.pytania summary::-webkit-details-marker{display:none}
.pytania summary::after{content:"+";flex:none;font-size:1.8rem;line-height:1;color:var(--akcja)}
.pytania details[open] summary::after{content:"–"}
.pytania details p{margin:0 0 20px;max-width:62ch;color:var(--tekst2)}

/* stopka */
.stopka{background:var(--panel);border-top:1px solid var(--linia);padding:clamp(28px,4vw,48px) 0 100px}
.stopka__disclaimer{max-width:78ch;margin:0 0 14px}
.stopka__zrodlo{margin:0 0 14px;color:var(--tekst2)}
.stopka__linki{display:flex;flex-wrap:wrap;gap:4px 24px}
.stopka__linki a{min-height:3rem;display:inline-flex;align-items:center;font-weight:600}


/* =====================================================================
   Dodatki produkcyjne (funkcje zlecone po B2). Wygląd bazowy = zatwierdzone B2 powyżej.
   ===================================================================== */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1:focus,h2:focus,h3:focus{outline:none}
.skip--lista:not([hidden]):focus{top:12px}

/* nagłówek (jak w B2) + menu „Dostępność” (A / A+ / A++ / Wysoki kontrast) zamiast osobnego górnego paska */
.gora{display:block}
.naglowek__wew{flex-wrap:wrap}
.menu-panel{margin-left:auto;display:flex;align-items:center;gap:4px 8px}
.menu{display:flex;gap:4px;margin:0}
.menu a{text-decoration-thickness:1.5px}
.menu a[aria-current=page]{font-weight:800;text-decoration-color:var(--akcja);text-decoration-thickness:3px}
.nar-przelacznik{display:none}
.dostep{position:relative}
.dostep__btn{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 12px;border:0;background:none;font:600 1.125rem var(--font);color:var(--tekst);cursor:pointer;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}
.dostep__btn[aria-expanded=true]{background:var(--panel);border-radius:var(--r)}
.dostep .narzedzia{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:max-content;background:#fff;border:2px solid var(--linia-m);border-radius:var(--r);box-shadow:0 8px 24px rgba(22,32,42,.16);padding:12px 14px}
.dostep.otwarte .narzedzia{display:block}
.narzedzia__wew{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:flex-end;min-height:0;padding:0}
@media (max-width:960px){
  .naglowek__wew{min-height:64px}
  .nar-przelacznik{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:48px;min-width:48px;padding:0 18px;border:2px solid var(--linia-m);border-radius:var(--r);background:var(--tlo);font:700 1rem var(--font);color:var(--tekst);cursor:pointer}
  .nar-przelacznik[aria-expanded=true]{background:var(--akcja);border-color:var(--akcja);color:#fff}
  .menu-panel{display:none;width:100%;margin:0;padding:0 0 12px;flex-direction:column;align-items:stretch}
  body.nar-otwarte .menu-panel{display:flex}
  .menu{flex-direction:column;gap:0}
  .menu a{min-height:56px;padding:0 4px;font-size:1.125rem;border-bottom:1px solid var(--linia);text-decoration:none}
  .menu a[aria-current=page]{border-bottom:3px solid var(--akcja)}
  .dostep__btn{display:none}
  .dostep .narzedzia{display:block;position:static;border:0;box-shadow:none;padding:12px 0 0;min-width:0}
  .narzedzia__wew{justify-content:flex-start}
  .narzedzia__nazwa{display:inline}
}

/* formularz: pola, miejscowość, pytania odkryte od razu */
.formularz{gap:26px;container-type:inline-size}
.pole{display:grid;gap:0;align-content:start;min-width:0}
.pole>*{min-width:0}
.pole--q .chipy__et{margin:0}
.pole .blad{margin:8px 0 0}
.rzad{display:grid;gap:26px 16px;align-items:end}
@container (min-width:430px){.rzad:not(.rzad--opcje){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.rzad:not(.rzad--opcje) .etykieta{min-height:2.6em}}
html.t1 .rzad:not(.rzad--opcje),html.t2 .rzad:not(.rzad--opcje){grid-template-columns:1fr}
html.t1 .rzad:not(.rzad--opcje) .etykieta,html.t2 .rzad:not(.rzad--opcje) .etykieta{min-height:0!important}
.rzad__uwaga{grid-column:1/-1;margin:-14px 0 0;color:var(--tekst2);font-size:1rem;line-height:1.45}
.rzad--opcje{grid-template-columns:1fr;align-items:start}
.opcje{display:grid;gap:8px;align-content:start}
.opcje .etykieta{margin:0}
.opcje .pomoc{margin:0}
.etykieta{margin:0 0 8px}
.pole>.etykieta,.pole>label.etykieta{margin-bottom:8px}
.pole--blad input,.pole--blad select{border-color:#A61B1B}
.pole__podpowiedz{margin:8px 0 0;color:var(--tekst2);font-size:1rem}
.bledy{padding:16px;border:2px solid #A61B1B;border-radius:var(--r);background:#FFF5F5;color:#6B1111;font-weight:600}
.bledy a{color:#6B1111;font-weight:700}
.przelacznik label{display:flex}
.przelacznik span{flex:1;hyphens:none;overflow-wrap:normal;font-size:1.0625rem;padding:6px 6px}
.combo__lista li{flex-direction:column;align-items:flex-start;justify-content:center}
.combo__lista li small{display:block;font-size:.9375rem;color:var(--tekst2)}
.combo__lista li.combo__brak{color:var(--tekst2);cursor:default;font-size:1rem}
.combo__lista li.combo__brak:hover{background:none}
.formularz .btn--duzy{position:static}
.historia{margin-top:0}
.historia__tytul{margin:0 0 8px;font-weight:600;color:var(--tekst2)}
.historia__lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.link-przycisk{border:0;background:none;padding:0 8px;min-height:3rem;font:600 1rem var(--font);color:var(--akcja);text-decoration:underline;cursor:pointer}
.wroc-wyniki{margin:0 0 12px}
.wroc,.wroc-wyniki{margin:0 0 16px}
.wroc a,.wroc-wyniki a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}
.lede__wiecej{display:inline}

/* mapa: tytuł, odczyt pod mapą, legenda (jak w B2) */
.mapa-tytul{margin:0;letter-spacing:0}
.mapa-status{margin:0;color:var(--tekst2);font-size:1rem;font-weight:600}
.mapa-status:empty{display:none}
.mapa-opis{margin:12px 0 0;color:var(--tekst2);font-size:1rem;line-height:1.45}
.mapa-pole{position:relative}
.legenda__lista{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.hero__mapa .odczyt.odczyt--pusty{visibility:visible}
@keyframes kz-puls{0%,100%{fill:var(--baza)}50%{fill:var(--baza-h)}}
.mapa.laduje .woj:not(.k0):not(.k1):not(.k2):not(.k3):not(.k4):not(.brak) path{animation:kz-puls 1.1s ease-in-out infinite}
.mapa .nakladka .woj.k0 path{fill:var(--s0)!important}.mapa .nakladka .woj.k1 path{fill:var(--s1)!important}.mapa .nakladka .woj.k2 path{fill:var(--s2)!important}.mapa .nakladka .woj.k3 path{fill:var(--s3)!important}.mapa .nakladka .woj.k4 path{fill:var(--s4)!important}
.odczyt__tekst b{white-space:nowrap}

/* etap */
.etap{padding-top:clamp(20px,3vw,32px)}
.etap__akcje{display:flex;flex-wrap:wrap;gap:16px}
.btn[aria-disabled=true]{background:#C7CDD3;border-color:#C7CDD3;color:#2B333B;cursor:not-allowed}
.etap__pomoc{margin:8px 0 0;color:var(--tekst2);font-size:1rem}

/* wyniki: siatka (filtry, mapa, karty) */
.pasek__kontekst{margin:0 0 4px;color:var(--tekst2);font-weight:600}
.pasek__akcje{gap:8px 16px}
.wyniki__siatka{display:grid;gap:24px 48px;grid-template-columns:minmax(0,1fr)}
.wyniki__filtry{order:0}.wyniki__bok{display:contents}.mapa-szuflada{order:1}.wyniki__karty{order:2;min-width:0}.wyniki__bok>.ad--side{order:3}
@media (min-width:1000px){
  .wyniki__siatka{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"f a" "k a";align-items:start}
  .wyniki__filtry{grid-area:f}.wyniki__karty{grid-area:k}
  .wyniki__bok{display:block;grid-area:a;grid-row:1 / span 2;order:0}
  .mapa-szuflada,.wyniki__bok>.ad--side{order:0}
}
.filtry__miej{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;width:100%}
.filtry__miej select{width:auto;min-width:220px;max-width:100%}
.filtry__ukryte{width:100%;margin:8px 0 0;color:var(--tekst2);font-size:1rem}
.wyniki__postep{margin:0 0 14px;color:var(--tekst2)}
.wyniki__razem{margin:0 0 16px;color:var(--tekst2);font-weight:600}
#razem-dol{margin:16px 0 0}
.wiecej-wynikow{margin:22px 0 0}
.mapa-blok--bok .odczyt{min-height:4.5rem}
.lista-woj b.pusta{font-weight:400;color:var(--tekst2)}
.btn--tekst{padding-inline:8px;border-color:transparent;background:transparent;color:var(--akcja);text-decoration:underline;text-underline-offset:.2em}
.btn--tekst:hover{background:var(--panel)}
.stan__inne{margin:0;color:var(--tekst);font-weight:600;max-width:56ch}
.stan__nfz{margin:0;max-width:56ch}
.koniec{margin-top:32px;padding:24px;background:var(--panel);border-radius:12px;max-width:720px}
.koniec h3{font:700 1.5rem/1.2 var(--font);letter-spacing:0;margin:0 0 8px}
.koniec p{margin:0 0 16px;color:var(--tekst2)}
.dane-nfz{font-size:.9375rem;color:var(--tekst2);margin-left:6px;white-space:nowrap}
.uwaga small{color:var(--tekst2)}

/* karty (struktura z audytu UX, wygląd B2) */
@media (min-width:760px){.karta{grid-template-areas:"opis prawa" "szcz prawa";grid-template-rows:auto 1fr}.karta__szczegoly{grid-area:szcz}}
.karta__wiersz{display:flex;align-items:baseline;gap:4px 16px;flex-wrap:wrap}
.karta__telefon{margin:-4px 0 8px;font-weight:600;font-variant-numeric:tabular-nums}
.karta__liczba--tekst{font-size:2.4rem;line-height:1.1}
.karta__szczegoly{border-top:1px solid var(--linia)}
.karta__szczegoly summary{display:flex;align-items:center;min-height:2.75rem;font-weight:600;color:var(--akcja);cursor:pointer;list-style:none}
.karta__szczegoly summary::-webkit-details-marker{display:none}
.karta__szczegoly summary::after{content:"+";margin-left:auto;font-size:1.4rem;line-height:1}
.karta__szczegoly[open] summary::after{content:"–"}
.karta__szczegoly .karta__dane{margin:0 0 8px;padding-top:0;border-top:0;display:grid;gap:8px 24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.karta__brak-sz{margin:0 0 8px;color:var(--tekst2);font-size:1rem}
.karty__reklama{border-top:1px solid var(--linia)}
@media (max-width:759px){
  .karta{padding:16px 0;gap:12px}
  .karta__nazwa{font-size:1.25rem}
  .karta__liczba{font-size:2.5rem}
  .karta__zdanie--des{display:none}
  .karta__zdanie--mob{font-size:1rem}
  .karta__adres,.karta__miejsce,.karta__notatka{font-size:1rem}
  .karta__termin{padding:12px 14px}
  .karta__opis{order:0}.karta__prawa{order:1}.karta__szczegoly{order:2}
}
@media (min-width:760px){.karta__zdanie--mob{display:none}}

/* stały pasek i „Na górę” */
.pasek-stale{position:fixed;top:0;left:0;right:0;z-index:60;background:#fff;border-bottom:2px solid var(--tekst);box-shadow:0 2px 8px rgba(22,32,42,.12)}
.pasek-stale__wew{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding-block:8px}
.pasek-stale__opis{margin:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pasek-stale .btn{min-height:3rem;flex:none}
.stale__kr{display:none}
@media (max-width:600px){.stale__dl{display:none}.stale__kr{display:inline}.pasek-stale__wew{min-height:56px}.pasek-stale__opis{font-size:1rem}html.t2 .pasek-stale__opis{display:none}}
.na-gore{position:fixed;right:16px;bottom:16px;z-index:55;min-height:3rem;padding:0 18px;border:2px solid var(--akcja);border-radius:var(--r);background:#fff;color:var(--akcja);font:700 1rem var(--font);cursor:pointer;box-shadow:0 2px 8px rgba(22,32,42,.18)}
.na-gore span{margin-right:4px}
body.kontrast .pasek-stale{border-bottom-color:#000}
html{scroll-padding-bottom:96px}

/* stopka */
.stopka__wlasciciel{margin:0 0 16px;color:var(--tekst2);font-size:1rem}
.stopka__gora{display:none}
@media (max-width:760px){.stopka__linki{flex-direction:column;gap:0}.stopka__linki a{min-height:48px}.stopka__gora{display:inline-flex}}

/* podstrony tekstowe */
.tekst{max-width:760px;padding-block:clamp(28px,4vw,56px)}
.tekst h1{font-size:clamp(2rem,3vw + .6rem,3rem);font-weight:800;margin-bottom:16px}
.tekst h2{font:700 1.5rem/1.3 var(--font);margin:30px 0 8px;letter-spacing:0}
.tekst .lede{margin-bottom:10px}
.tekst ul{padding-left:1.2em}
.tekst li{margin:6px 0}
.tekst .szkic{padding:12px 16px;background:#FFF4D6;border-radius:var(--r);color:#3A2C00}
.tekst .zrodlo{padding:16px 18px;background:var(--panel);border-radius:var(--r);border-left:6px solid var(--akcja)}
.tekst .zrodlo h2{margin-top:0}
.tekst .przypis{font-size:1rem;color:var(--tekst2)}
.skrot{margin:24px 0;padding:24px;background:var(--panel);border-radius:12px;border-left:6px solid var(--akcja)}
.skrot h2{margin:0 0 8px}
.skrot ol{margin:0;padding-left:1.4em}
.okruszki{margin:0 0 16px}
.okruszki ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-size:1rem}
.okruszki li+li::before{content:"›";margin:0 10px;color:var(--tekst2)}
.okruszki a{color:var(--akcja);display:inline-flex;align-items:center;min-height:2.5rem}

/* reklamy AdSense: oznaczone, zarezerwowane, z odstępem od przycisków */
.ad{margin:56px auto;max-width:760px;text-align:center}
.ad[hidden]{display:none!important}
.ad__etykieta{margin:0 0 6px;font:600 1rem/1.2 var(--font);color:var(--tekst2);text-align:left}
.ad__ramka{display:flex;align-items:center;justify-content:center;width:100%;background:var(--panel);border-radius:6px;overflow:hidden;position:relative;contain:layout paint}
.ad--home .ad__ramka{min-height:100px}
@media (min-width:760px){.ad--home{max-width:728px}.ad--home .ad__ramka{min-height:90px}}
.ad--feed{max-width:340px}
.ad--feed .ad__ramka{min-height:250px}
.ad--side{max-width:300px;margin:32px 0 0}
.ad--side .ad__ramka{min-height:250px}
@media (max-width:999px){.ad--side{margin:56px auto}.wyniki__bok .ad--side{max-width:340px}}
.ad__makieta{margin:0;padding:12px;font-size:1rem;line-height:1.4;color:#2B333B;background:repeating-linear-gradient(135deg,#E3E7EB 0 12px,#EDF0F3 12px 24px);width:100%;height:100%;min-height:inherit;display:flex;align-items:center;justify-content:center;border:2px dashed #7C8794;text-align:center}
.ad--home .ad__makieta{max-width:320px}
@media (min-width:760px){.ad--home .ad__makieta{max-width:728px}}
.ad--feed .ad__makieta,.ad--side .ad__makieta{max-width:300px;height:250px}
.karty__reklama .ad{margin:56px auto}

html.t2 .przelacznik--3{flex-direction:column}
html.t2 .przelacznik--3 label+label{border-left:0;border-top:2px solid var(--linia-m)}

/* telefon: lede krótszy (tekst ze specyfikacji UX), reszta jak w B2 */
@media (max-width:640px){
  .lede__wiecej{display:none}
  .btn--duzy{min-height:3.75rem}
  .rzad__uwaga{display:none}
  .pole--miej:focus-within~.rzad__uwaga{display:block}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Poprawki z audytu UX (02.10) ===== */
.hero h1{font-size:clamp(2rem,2.2vw + 1rem,2.9rem)}
.etykieta{font-size:1.125rem}
.chipy__et{margin:0 0 8px;font-weight:600;color:var(--tekst2);font-size:1rem}
.zastrzezenie{margin:0;color:var(--tekst2);font-size:1rem;max-width:46ch}
.nota112{color:var(--tekst);font-size:1.0625rem}
.nota112 strong{font-weight:800}
.karta__zrodlo{margin:0;font-size:1rem;color:var(--tekst2);font-weight:600}
.sekcja{padding:clamp(32px,4vw,56px) 0}
.sekcja h2,.pytania h2{font-family:var(--font);font-weight:800;font-size:clamp(1.625rem,1rem + 1.2vw,2.125rem);letter-spacing:-.01em;margin-bottom:24px}
.tekst h1{font-family:var(--serif)}
.leg-k{display:none}
.mapa-zwin__sum{display:none}
@media (max-width:999px){
  .mapa-zwin__sum{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:3.5rem;padding:0 18px;background:var(--panel);border-radius:var(--r);font-weight:700;font-size:1.125rem;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:16px}
  .mapa-zwin .mapa-blok{margin:0}
}
@media (max-width:640px){
  .leg-p{display:none}.leg-k{display:inline}
  .legenda__lista{grid-template-columns:repeat(3,1fr);gap:6px 10px}
  .legenda__lista li{font-size:1rem}
  .mapa-tytul{font-size:1.125rem}
}
@media (max-width:640px){.sekcja h2,.pytania h2{font-size:1.625rem}}

/* =====================================================================
   REDESIGN V3.1 (02.10): aplikacja do zadania. Inter wszędzie (serif tylko w logo), tło #F5F7FA, białe karty,
   jeden mocny niebieski (CTA, fokus, aktywne stany). Skala mapy 0 / 1–7 / 8–14 / 15–30 / 31+.
   ===================================================================== */
:root{
  --tlo:#FFFFFF; --panel:#F2F4F7; --linia:#DCE2E8; --linia-m:#8794A7;
  --tekst:#17202A; --tekst2:#475467; --cichy:#667085;
  --akcja:#175CD3; --akcja-h:#144FAF; --fokus:#17202A; --fokus2:#FFC72C;
  --s0:#EAF1FA; --s1:#D7E5F5; --s2:#BBD3EE; --s3:#8EB6DF; --s4:#5F94CB; --baza:#EAEEF3; --baza-h:#DDE3EB;
  --serif:"KZ Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:12px;
}
body{background:#F5F7FA;color:var(--tekst);font:400 1.0625rem/1.55 var(--font)}
body.kontrast{--tekst:#000;--tekst2:#000;--cichy:#000;--linia:#000;--linia-m:#000;--akcja:#000;--akcja-h:#222;--panel:#fff;--baza:#fff;--s0:#fff;--s1:#E3E3E3;--s2:#BDBDBD;--s3:#8A8A8A;--s4:#4A4A4A;background:#fff}
body.kontrast .woj.k4 text{fill:#fff}
body.kontrast .karta-ui,body.kontrast .karta{border:2px solid #000;box-shadow:none}
h1,h2,h3{font-family:var(--font)}
.wrap{max-width:1240px;padding-inline:24px}
@media (max-width:640px){.wrap{padding-inline:16px}}
a{text-underline-offset:.18em}

/* nagłówek */
.naglowek{background:#fff;border-bottom:1px solid var(--linia)}
.naglowek__wew{min-height:68px}
.logo__tekst{font-family:"KZ Serif",Georgia,"Times New Roman",serif}
.menu a{font-weight:550;font-size:1rem}
.menu a[aria-current=page]{font-weight:700}

/* hero */
.hero{padding:40px 0 24px}
.hero__glowa{margin:0 0 32px}
.hero h1{font:700 clamp(2rem,1.45rem + 1.6vw,2.875rem)/1.08 var(--font);letter-spacing:-.03em;margin:0 0 12px}
.hero .lede{font-size:1.1875rem;line-height:1.5;color:var(--tekst2);margin:0;max-width:none}
.hero__siatka{display:grid;gap:32px;align-items:start;grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.hero__siatka{grid-template-columns:minmax(0,700fr) minmax(0,508fr)}}
.karta-ui{background:#fff;border:1px solid #E7EBF0;border-radius:22px;box-shadow:0 1px 2px rgba(16,24,40,.02),0 10px 32px rgba(16,24,40,.05)}
.karta-szukaj{padding:28px 30px 30px;min-width:0}
.karta-mapa{padding:22px 22px 18px;margin:0}

/* formularz */
.formularz{gap:22px;container-type:inline-size}
.etykieta{font:650 1rem/1.35 var(--font);margin:0 0 8px}
.etykieta__opc{font-weight:500;color:var(--cichy)}
input[type=text],select{height:56px;min-height:56px;background:#F8FAFC;border:1px solid var(--linia-m);border-radius:12px;padding:0 16px;font-size:1.0625rem}
input[type=text]::placeholder{color:#667085}
select{background-color:#F8FAFC}
input[type=text]:focus-visible,select:focus-visible{outline:2px solid var(--akcja);outline-offset:1px;border-color:var(--akcja);box-shadow:0 0 0 4px rgba(23,92,211,.2)}
body.kontrast input[type=text],body.kontrast select{background:#fff;border:2px solid #000}
.chipy-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px}
.chipy__et{font:600 .9375rem var(--font);color:var(--cichy);margin:0}
.chipy{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.chip{min-height:44px;padding:0 15px;background:#F2F4F7;border:1px solid transparent;border-radius:999px;font:600 .9375rem var(--font);color:var(--tekst)}
.chip:hover{background:#E9EEF5}
.chip[aria-pressed=true]{background:#EAF1FC;border-color:#B8CDF3;color:#175CD3}
body.kontrast .chip{border:1.5px solid #000;background:#fff}
body.kontrast .chip[aria-pressed=true]{background:#000;color:#fff}
.rzad{gap:22px 16px}
.rzad__uwaga{margin:-14px 0 0;font-size:.875rem;line-height:1.45;color:var(--cichy)}
@container (min-width:430px){.rzad:not(.rzad--opcje) .etykieta{min-height:0}}
@container (min-width:560px){.rzad--opcje{grid-template-columns:1fr 1fr!important}.rzad--opcje .etykieta{min-height:2.7em}}
.rzad--opcje{gap:22px 16px}
.przelacznik{display:flex;gap:0;border:1px solid var(--linia-m);border-radius:12px;background:#F8FAFC;overflow:hidden}
.przelacznik label{flex:1 1 0;min-width:0}
.przelacznik label+label{border-left:1px solid var(--linia)}
.przelacznik span{min-height:48px;border:0;border-radius:0;background:transparent;font-size:.9375rem;font-weight:600;padding:6px 6px}
.przelacznik input:checked+span{background:#EAF1FC;color:#174EA6;box-shadow:inset 0 0 0 1.5px #9BB8EA;border:0}
.przelacznik input:not(:checked):hover+span{background:#EEF2F7}
.przelacznik input:focus-visible+span{outline:3px solid var(--fokus);outline-offset:-3px;box-shadow:none}
body.kontrast .przelacznik input:checked+span{background:#000;color:#fff;box-shadow:none}
html.t2 .przelacznik--3{flex-direction:column}
html.t2 .przelacznik--3 label+label{border-left:0;border-top:1px solid var(--linia)}
.opcje .pomoc,.pomoc{font-size:.875rem;color:var(--cichy);margin:0}
.formularz .btn--duzy{width:100%;min-height:56px;height:56px;border-radius:12px;border:0;font-size:1.0625rem;font-weight:700;background:var(--akcja);color:#fff}
.formularz .btn--duzy:hover{background:var(--akcja-h)}
.nota112{font-size:.875rem;color:var(--tekst2);margin:-6px 0 0;max-width:none}
.nota112 a{color:var(--akcja)}
.cichy{margin:20px 0 0;color:var(--cichy);font-size:.875rem;line-height:1.5;max-width:none}
.cichy a{color:var(--akcja)}

/* karta mapy: jeden komponent (nagłówek, mapa, pasek wyboru, legenda) */
.mapa-glowa{margin:0}
.mapa-glowa__wiersz{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.mapa-eyebrow{font:750 .75rem/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--cichy)}
.mapa-data{font-size:.8125rem;color:var(--cichy)}
.mapa-kontekst{font:700 1.125rem/1.3 var(--font);letter-spacing:0;margin:6px 0 0}
.mapa-status{margin:6px 0 0;font-size:.875rem;font-weight:500;color:var(--cichy)}
.karta-mapa .mapa{width:100%;max-width:none;margin:6px 0 0}
.woj path{stroke-width:2.5}
.woj .nazwa{font:650 calc(11.2px * var(--fs,1) / var(--s,.7)) var(--font)}
.woj .dni{font:750 calc(19.5px * var(--fs,1) / var(--s,.7)) var(--font)}
.woj .dni tspan.j{font:650 calc(10.5px * var(--fs,1) / var(--s,.7)) var(--font)}
.mapa--mala .woj .dni{font-size:calc(16px * var(--fs,1) / var(--s,.5))}
.woj.k3 text,.woj.k4 text{fill:var(--tekst)}
.mapa.z-danymi .woj.brak .dni{font:650 calc(11.2px * var(--fs,1) / var(--s,.7)) var(--font)}
.odczyt{margin:8px 0 0;padding:6px 8px 6px 14px;background:#F5F7FA;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-height:48px}
.odczyt__woj{font:700 1rem/1.3 var(--font)}
.odczyt__tekst{font-size:.9375rem;color:var(--tekst2);line-height:1.4}
.odczyt__tekst b{color:var(--tekst)}
.odczyt__zmien{margin-left:auto;min-height:44px;padding:0 12px;border:0;background:none;color:var(--akcja);font:650 .9375rem var(--font);text-decoration:underline;cursor:pointer}
.legenda{padding:12px 0 0}
.legenda__lista{display:flex;flex-wrap:wrap;align-items:center;gap:6px 11px;list-style:none;margin:0;padding:0;font-size:.8125rem;color:var(--cichy)}
.legenda__lista li{display:flex;align-items:center;gap:6px;line-height:1.2;font-size:.8125rem}
.legenda__lista .legenda__tytul{font-weight:650;margin:0;padding:0}
.legenda__lista i{width:16px;height:12px;border:1px solid rgba(16,24,40,.14);border-radius:3px;background:var(--c)}
.mapa-blok .legenda .legenda__tytul{font-weight:650}
@media (min-width:1000px) and (min-height:900px){.mapa-zwin{top:16px}}

/* sekcje pod pierwszym ekranem */
.sekcja{padding:32px 0;border-top:0}
.sekcja h2{font:700 1.75rem/1.2 var(--font);letter-spacing:-.01em;margin:0 0 16px}
.jak{padding:24px 0 8px}
.jak-pasek{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;font:650 1.0625rem var(--font)}
.jak-pasek li{display:flex;align-items:center;gap:8px}
.jak-pasek__nr{display:none}
.jak-pasek__str{color:var(--cichy)}
.jak-pasek__uwaga{text-align:center;color:var(--cichy);font-size:.9375rem;margin:10px 0 0}
.pytania{padding:32px 0 56px}
.pytania__siatka{display:block;max-width:820px;margin:0 auto}
.pytania h2{margin:0 0 16px}
.pytania summary{min-height:56px;padding:14px 0;font:650 1.0625rem/1.4 var(--font)}
.stopka{background:#fff;border-top:1px solid var(--linia);padding:32px 0 40px}

/* ekran odliczania: część aplikacji */
.etap{padding:24px 0 48px}
.etap__karta{display:grid;gap:28px;padding:30px;max-width:980px;margin:0 auto}
@media (min-width:900px){.etap__karta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}
.etap h2{font:700 1.75rem/1.2 var(--font);margin:0 0 6px}
.etap__pod{color:var(--tekst2);margin:0 0 20px}
.etap__opis{font:650 1.125rem/1.4 var(--font);margin:0 0 10px}
.postep{height:10px;background:#EAF1FC;border:0;border-radius:99px;max-width:none}
.postep__pasek{background:var(--akcja)}
.etap__postep{font-size:.9375rem;color:var(--cichy);margin:0 0 20px}
.etap__akcje .btn--duzy{border-radius:12px;min-height:56px}
.etap__pomoc{font-size:.875rem;color:var(--cichy)}
.etap__dlaczego{margin:18px 0 0}
.etap__prawa,.etap__prawa .reklama{height:100%}
.reklama{background:#F5F7FA;border-radius:16px;padding:12px 14px}
.reklama__etykieta{margin:0 0 8px;font:750 .75rem/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--cichy)}
.reklama__slot{min-height:260px;border:1px dashed #C5CDD8;background:#fff;border-radius:12px}

/* wyniki: zwarte karty aplikacyjne */
.wyniki{padding:24px 0 56px}
.pasek h2{font:700 clamp(1.75rem,1.2rem + 1.2vw,2.25rem)/1.15 var(--font);letter-spacing:-.02em;margin:0 0 8px}
.filtr{min-height:44px;background:#F2F4F7;border:1px solid transparent;font-size:.9375rem}
.filtr:hover{background:#E9EEF5}
.filtr[aria-pressed=true]{background:#EAF1FC;border-color:#B8CDF3;color:#175CD3}
.karty li{border:0;margin:0 0 16px}
.karta{background:#fff;border:1px solid #E7EBF0;border-radius:18px;padding:20px 24px;gap:14px 28px;box-shadow:0 1px 2px rgba(16,24,40,.02),0 4px 16px rgba(16,24,40,.04)}
@media (min-width:760px){.karta{grid-template-columns:minmax(0,1fr) 300px}}
.karta__nazwa{font:650 1.3125rem/1.3 var(--font);letter-spacing:-.005em}
.karta__termin{background:#F7F9FC;border-radius:14px;padding:14px 16px;gap:4px}
.karta__etyk{font:650 .8125rem/1.2 var(--font);color:var(--cichy)}
.karta__liczba{font:750 2.5rem/1 var(--font);letter-spacing:-.02em}
.karta__liczba--tekst{font-size:1.5rem;line-height:1.2}
.karta__liczba small{font:650 1.0625rem var(--font);margin-left:4px}
.karta__data,.karta__zrodlo{margin:0;font-size:.875rem;font-weight:500;color:var(--cichy)}
.etykieta-skali{font-size:.8125rem;font-weight:550;color:var(--cichy)}
.karta__zdanie{font-size:.9375rem;color:var(--tekst2)}
.karta__akcje .btn{border-radius:12px;min-height:48px;font-size:1rem}
.karta__akcje .btn--glowny{border:0;background:var(--akcja);color:#fff}
.karta__akcje .btn--drugi{border:1px solid var(--linia-m);color:var(--tekst)}
.karta__telefon{font-size:.875rem;color:var(--tekst2)}
.stan,.koniec{border-radius:18px;background:#fff;border:1px solid #E7EBF0}
.pasek-stale{border-bottom:1px solid var(--linia);box-shadow:0 2px 12px rgba(16,24,40,.08)}

/* telefon */
@media (max-width:999px){
  .mapa-zwin__sum{background:#fff;border:1px solid #E7EBF0;box-shadow:0 1px 2px rgba(16,24,40,.02);border-radius:14px;color:var(--akcja)}
  .mapa-zwin[open] .mapa-zwin__sum{margin-bottom:12px}
}
@media (max-width:640px){
  .mapa .woj .dni{font-size:calc(20px * var(--fs,1) / var(--s,.5))}
  .hero{padding:20px 0 12px}
  .hero__glowa{margin-bottom:20px}
  .hero h1{font-size:2rem;line-height:1.12}
  .hero .lede{font-size:1.0625rem}
  .karta-szukaj{padding:20px;border-radius:18px}
  .karta-mapa{padding:16px;border-radius:18px}
  .formularz{gap:20px}
  .legenda__lista{gap:6px 10px}
  .sekcja h2,.pytania h2{font-size:1.5rem}
  .jak-pasek{font-size:1rem;gap:6px 10px}
  .etap__karta{padding:20px;border-radius:18px}
  .karta{padding:16px;border-radius:16px}
}

html.t1 .rzad--opcje,html.t2 .rzad--opcje{grid-template-columns:1fr!important}
html.t1 .rzad--opcje .etykieta,html.t2 .rzad--opcje .etykieta{min-height:0!important}

.mapa-opis{margin:12px 0 0;color:var(--cichy);font-size:.875rem;line-height:1.45}
@media (min-width:1000px) and (max-width:1199px){
  .woj .nazwa{font-size:calc(9.6px * var(--fs,1) / var(--s,.56))}
  .woj .dni{font-size:calc(15.5px * var(--fs,1) / var(--s,.56))}
  .woj .dni tspan.j{font-size:calc(9px * var(--fs,1) / var(--s,.56))}
}

/* ===== Równe karty (02.10): formularz i mapa 50/50, ta sama wysokość ===== */
.historia{margin:16px 0 0}
@container (min-width:480px){.rzad--opcje{grid-template-columns:1fr 1fr!important}.rzad--opcje .etykieta{min-height:2.7em}}
@media (min-width:1024px){
  .hero__siatka{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:stretch}
  .karta-szukaj{height:100%}
  .mapa-zwin{display:flex;flex-direction:column;position:static!important;min-width:0;height:100%}
  .mapa-zwin::details-content{display:contents}
  .mapa-zwin>.karta-mapa{flex:1 1 auto;display:flex;flex-direction:column;height:100%}
  .karta-mapa .mapa-pole{flex:1 1 auto;position:relative;min-height:300px;margin-top:6px}
  .karta-mapa .mapa-pole .mapa{position:absolute;inset:0;width:100%;height:100%;margin:0}
  .karta-mapa .odczyt,.karta-mapa .legenda{flex:none}
}
@media (min-width:1000px) and (max-width:1023px){.hero__siatka{grid-template-columns:minmax(0,1fr)}}

/* niskie okna (np. 1366×768): zwarte pionowe odstępy, żeby cały formularz i CTA były widoczne bez przewijania; pola nadal 56 px */
@media (min-width:1024px) and (max-height:820px){
  .naglowek__wew{min-height:60px}
  .hero{padding-top:14px}
  .hero__glowa{margin-bottom:16px}
  .hero h1{margin-bottom:6px}
  .karta-szukaj{padding:20px 28px 18px}
  .karta-mapa{padding:18px 22px 14px}
  .formularz{gap:14px}
  .chipy-rzad{margin-top:10px}
  .rzad,.rzad--opcje{gap:16px}
  .rzad__uwaga{margin-top:-8px}
  .nota112{margin-top:-4px}
}

html{--fs:1}html.t1{--fs:1.12}html.t2{--fs:1.25}

/* QA 02.10: długie nazwy, wysoki kontrast mapy i filtrów */
.pasek h2,.karta__nazwa,.karta__miejsce,.karta__adres,.stan h3{overflow-wrap:anywhere}
.pasek h2.dlugi{font-size:clamp(1.25rem,1rem + .8vw,1.625rem);line-height:1.25;letter-spacing:-.01em}
.pasek>div:first-child{min-width:0}
body.kontrast .woj path{stroke:#000;stroke-width:1.5}
body.kontrast .mapa .nakladka .zazn path{stroke-width:5}
body.kontrast .filtr,body.kontrast .chip,body.kontrast .karta__akcje .btn--drugi{background:#fff;border:1.5px solid #000;color:#000}
body.kontrast .filtr[aria-pressed=true],body.kontrast .chip[aria-pressed=true]{background:#000;color:#fff}
body.kontrast .odczyt,body.kontrast .reklama,body.kontrast .karta__termin{background:#fff;border:1.5px solid #000}
body.kontrast .mapa-zwin__sum,body.kontrast .mapa-szuflada summary{background:#fff;border:1.5px solid #000;color:#000}
body.kontrast .cichy,body.kontrast .karta__data,body.kontrast .karta__zrodlo,body.kontrast .mapa-eyebrow,body.kontrast .mapa-data,body.kontrast .pomoc,body.kontrast .rzad__uwaga{color:#000}
body.kontrast .postep{background:#fff;border:1.5px solid #000}
body.kontrast .btn[aria-disabled=true],body.kontrast .btn:disabled{background:#fff;color:#000;border:2px dashed #000}
body.kontrast .reklama__slot{border-color:#000}
body.kontrast .formularz .btn--duzy,body.kontrast .karta__akcje .btn--glowny{background:#000;color:#fff}
.formularz .btn--duzy{height:auto;padding:10px 16px;line-height:1.25}
@media (max-width:1023px){.karta-mapa .mapa{max-width:560px;margin-inline:auto}}
