/* Strony analiz odcinków (/odcinki/<adres>/) i sekcja huba. Przedrostek zk-. Zmienne CSS tylko z przedrostkiem --zk-. */
/* Strona analizy odcinka (wzór). Dokłada tylko to, czego nie ma w kz2/kz3/kz-poradnik.css. Przedrostek zk- */
.zk-body{--zk-konin:#B54708;--zk-niebieski:#175CD3;--zk-linia:#D5DEEA;--zk-tekst:#17202A;--zk-muted:#44566E}
.zk-film{margin:0 0 20px;display:grid;gap:16px;justify-items:center;background:#fff;border:1px solid var(--zk-linia);border-radius:18px;padding:18px}
.zk-film__ramka{position:relative;width:min(100%,300px);aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#0D2B55}
.zk-film__ramka iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.zk-film figcaption{font-size:1rem;line-height:1.5;color:var(--zk-muted);max-width:34rem}
.zk-film figcaption strong{color:var(--zk-tekst)}
@media(min-width:760px){.zk-film{grid-template-columns:300px 1fr;justify-items:start;align-items:center;gap:28px;padding:22px}}
.zk-bary{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:12px}
.zk-bar{display:grid;grid-template-columns:12rem 1fr;gap:6px 14px;align-items:center;margin:0}
.zk-bar__n{font-size:1rem;line-height:1.3;color:var(--zk-muted)}
.zk-bar__n b{display:block;color:var(--zk-tekst);font-size:1.1875rem}
.zk-bar__t{display:block;height:34px;background:#EDF2F9;border-radius:8px;position:relative;overflow:hidden}
.zk-bar__t i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:var(--zk-niebieski);min-width:6px}
.zk-bar--dl .zk-bar__t i{background:var(--zk-konin)}
.zk-wykres{margin:6px 0 8px}
.zk-wykres ol{list-style:none;margin:0;padding:0}
.zk-w{display:grid;grid-template-columns:9.5rem 1fr 5.5rem;gap:4px 12px;align-items:center;margin:0;padding:7px 0;border-top:1px solid #EDF2F9;font-size:1rem}
.zk-l{font-weight:600;color:var(--zk-tekst)}
.zk-v{text-align:right;color:var(--zk-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.zk-t{position:relative;display:block;height:22px}
.zk-t::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--zk-linia)}
.zk-r{position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:#B9CBE6}
.zk-d{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--zk-niebieski);border:2px solid #fff;box-shadow:0 0 0 1px var(--zk-niebieski)}
.zk-w--konin{background:#FFF6ED;border-radius:8px}
.zk-w--konin .zk-l,.zk-w--konin .zk-v{color:#7A2E0E;font-weight:700}
.zk-w--konin .zk-d{background:var(--zk-konin);box-shadow:0 0 0 1px var(--zk-konin)}
.zk-w--konin .zk-r{background:#F9C9A0}
.zk-os{display:grid;grid-template-columns:9.5rem 1fr 5.5rem;gap:12px;font-size:1rem;color:var(--zk-muted);padding-top:2px}
.zk-os>span:nth-child(2){position:relative;height:1.6em;display:block}
.zk-os>span:nth-child(2) span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.zk-os>span:nth-child(2) span:first-child{transform:none}
.zk-os>span:nth-child(2) span:last-child{transform:translateX(-100%)}
.zk-leg{font-size:1rem;color:var(--zk-muted);margin:8px 0 16px}
.zk-kon th,.zk-kon td{background:#FFF6ED}
.pd-card table caption{caption-side:top;text-align:left;font-weight:600;color:var(--zk-muted);padding:0 0 8px;font-size:1rem}
.pd-card ul.zk-ul{padding-left:1.2em}
.pd-card ul.zk-ul li{margin:.4em 0}
@media(max-width:540px){
 .zk-bar{grid-template-columns:1fr}
 .zk-w{grid-template-columns:1fr auto;grid-template-areas:"l v" "t t"}
 .zk-l{grid-area:l}.zk-v{grid-area:v}.zk-t{grid-area:t}
 .zk-os{grid-template-columns:0 1fr 0;gap:0}
}
@media(prefers-reduced-motion:reduce){.zk-body *{transition:none!important}}
body.kontrast .zk-d{background:#000;box-shadow:0 0 0 1px #000}
.zk-nw{white-space:nowrap}
.pd-card .zk-t1{min-width:40rem}
.zk-t1 td,.zk-t1 th{white-space:nowrap}
.zk-t1 thead th:last-child{white-space:normal;min-width:11rem}
/* Dodatki z czterech stron tomografii (wykres z przedziałem i znacznikiem): tomografia-wroclaw-krzyki, tomografia-tarnowskie-gory-zabrze, tomografia-brodnica-grudziadz, tomografia-lodzkie */
.zk-q{position:absolute;top:2px;bottom:2px;background:#E4EFE8;border-radius:4px}
.zk-m{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#0B6B49;text-decoration:none}
.zk-t .zk-r,.zk-t .zk-d{z-index:1}
.zk-bar__n small{display:block;font-size:.9375rem;color:var(--zk-muted);font-weight:400}
.zk-w--hl{background:#FFF6ED;border-radius:8px}
.zk-w--hl .zk-l,.zk-w--hl .zk-v{color:#7A2E0E;font-weight:700}
.zk-w--hl .zk-d{background:var(--zk-konin);box-shadow:0 0 0 1px var(--zk-konin)}
.zk-w--hl .zk-r{background:#F9C9A0}
.zk-lg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:1rem;color:var(--zk-muted);margin:6px 0 10px;padding:0;list-style:none}
.zk-lg i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--zk-niebieski);margin-right:6px;vertical-align:-1px}
.zk-lg i.q{border-radius:3px;background:#E4EFE8;width:22px;height:10px;border:1px solid #B7D3C1}
.zk-lg i.m{border-radius:0;background:#0B6B49;width:2px;height:13px;margin-right:8px}

/* --- Hub /odcinki/: sekcja „Analizy odcinków” (przedrostek zk-hub) --- */
.zk-hub{padding:48px 0 8px}
.zk-hub__h{margin:0 0 8px;font-size:1.75rem;line-height:1.25;color:#0D2B55}
.zk-hub__w{margin:0 0 24px;max-width:46rem;font-size:1.0625rem;line-height:1.55;color:#44566E}
.zk-hub__g{margin:28px 0 0;font-size:1.25rem;line-height:1.3;color:#0D2B55}
.zk-hub__l{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:14px}
.zk-hub__l li{margin:0}
.zk-hub__l a{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;background:#fff;border:1px solid #D5DEEA;border-radius:14px;text-decoration:none;color:#17202A;transition:border-color .15s,box-shadow .15s}
.zk-hub__l a:hover,.zk-hub__l a:focus-visible{border-color:#175CD3;box-shadow:0 2px 10px rgba(23,92,211,.14)}
.zk-hub__l strong{font-size:1.0625rem;line-height:1.3}
.zk-hub__n{font-size:1rem;line-height:1.4;color:#44566E}
.zk-hub__n b{color:#B54708}

/* --- Telefon (<= 600 px): tabele danych jako karty (etykiety z data-label dokłada analiza.php), poprawki ucięć. Komputer (>= 601 px) bez zmian. --- */
@media(max-width:600px){
 .pd-card .pd-tab{overflow-x:visible}
 .pd-card table.zk-kart,.pd-card table.zk-kart tbody,.pd-card table.zk-kart tr,.pd-card table.zk-kart th,.pd-card table.zk-kart td,.pd-card table.zk-kart caption{display:block;min-width:0;width:100%;box-sizing:border-box}
 .pd-card table.zk-kart{border:0}
 .pd-card table.zk-kart caption{white-space:normal;overflow-wrap:anywhere;padding:0 0 10px;line-height:1.45}
 .pd-card table.zk-kart thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}
 .pd-card table.zk-kart tr{margin:0 0 12px;border:1px solid var(--pd-line);border-radius:12px;overflow:hidden;background:#fff}
 .pd-card table.zk-kart th,.pd-card table.zk-kart td,.pd-card table.zk-kart .zk-nw{white-space:normal;overflow-wrap:anywhere;border:0}
 .pd-card table.zk-kart tbody th{padding:10px 14px 8px;background:var(--pd-pas);font-size:1.125rem;line-height:1.3}
 .pd-card table.zk-kart td{display:grid;grid-template-columns:minmax(0,11.5rem) minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:8px 14px;border-top:1px solid #EDF2F9;font-size:1rem;line-height:1.4}
 .pd-card table.zk-kart td[data-label]::before,.pd-card table.zk-kart tbody th[data-label]::before{content:attr(data-label);color:var(--zk-muted);font-weight:600;font-size:.9375rem;line-height:1.3}
 .pd-card table.zk-kart tbody th[data-label]::before{display:block;margin:0 0 2px;font-weight:600;color:var(--zk-muted)}
 .pd-card table.zk-kart td:not([data-label]){display:block}
 .pd-card table.zk-kart tr.zk-kon,.pd-card table.zk-kart .zk-kon th,.pd-card table.zk-kart .zk-kon td{background:#FFF6ED}
 .pd-card table.zk-kart tr.zk-kon{border-color:#F9C9A0}
 .pd-card table.zk-kart .zk-kon th{color:#7A2E0E}
 /* wykresy: nic nie wystaje poza kolumnę */
 .zk-w{min-width:0}
 .zk-l,.zk-v{min-width:0;overflow-wrap:anywhere}
 .zk-v{white-space:normal;text-align:right}
 .zk-t{min-width:0;margin:0 8px}
 .zk-os>span:nth-child(2){margin:0 8px}
 .zk-bar__n,.zk-bar__n b,.zk-bar__t{min-width:0;overflow-wrap:anywhere}
}