@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/lora/0QIvMX1D_JOuMwT7I-NP.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/lora/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/lora/0QIvMX1D_JOuMwT7I-NP.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/lora/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/lora/0QIvMX1D_JOuMwT7I-NP.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/lora/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/assets/fonts/ibm-plex-sans/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/assets/fonts/ibm-plex-sans/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(/assets/fonts/ibm-plex-sans/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(/assets/fonts/ibm-plex-sans/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/assets/fonts/ibm-plex-sans/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/assets/fonts/ibm-plex-sans/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
details.faq{margin-block:12px}
.podpis-tresci{display:block;margin:8px 0 22px;font-size:.84rem;line-height:1.5;color:var(--t2)}
[data-ramka]:not([id^="chart_"]){background:color-mix(in srgb,var(--akcent) 7%,var(--pow));color:var(--tekst);border-color:var(--linia)!important;border-radius:var(--r,12px)}
[id^="chart_"][id$="-container"]{background:var(--pow)!important;color:var(--tekst)!important;border-radius:var(--r,16px);padding:18px 14px 14px;box-shadow:0 0 0 1px var(--linia);box-sizing:border-box;margin:28px auto!important}
[id^="chart_"][id$="-container"] *{color:inherit!important;font-family:var(--f-t)}
[id^="chart_"][id$="-container"]>div:last-child{font-family:var(--f-n);font-size:1rem}
[id^="chart_"]{max-width:100%;overflow-x:auto}
[id^="chart_"] svg{background:transparent!important;max-width:100%;height:auto;font-family:var(--f-t)}
[id^="chart_"] rect{fill:var(--akcent);rx:6px}
[id^="chart_"] .tick text{font-size:13px}
[id^="chart_"] path[fill="none"]:not(.domain),[id^="chart_"] .line{stroke:var(--akcent)!important;stroke-width:3px}
[id^="chart_"] circle{fill:var(--dodatek);stroke:var(--pow)}
[id^="chart_"] text{fill:var(--tekst)!important;font-family:var(--f-t)}
[id^="chart_"] .domain,[id^="chart_"] .tick line{stroke:var(--linia)}
.ai-nota-k{display:flex;align-items:center;gap:10px;margin:0 0 22px!important;padding:8px 14px;border-radius:var(--r,14px);background:var(--pow);box-shadow:inset 4px 0 0 var(--akcent),0 0 0 1px var(--linia);color:var(--tekst);font-size:.9rem;line-height:1.45;max-width:none!important}
.ai-znak{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--akcent);color:var(--akcent-tekst);font:700 .72rem/1 var(--f-t);letter-spacing:.04em}
.ai-nota a{color:var(--akcent);font-weight:600}
.obraz-ai{display:block;margin:6px 0 0;font-size:.78rem;line-height:1.4;color:var(--t2);font-style:normal}
.ai-nota-p{margin:40px 0 8px;padding:18px 22px;border-radius:var(--r,14px);background:var(--pow);box-shadow:inset 4px 0 0 var(--akcent),0 0 0 1px var(--linia);font-size:.86rem;line-height:1.6;color:var(--t2)}
.ai-nota-p p{margin:0 0 8px;max-width:none!important}.ai-nota-p p:last-child{margin:0}.ai-nota-p b,.ai-nota-p strong{color:var(--tekst)}
.st-dokumenty{display:flex;flex-wrap:wrap;gap:6px 18px;box-sizing:border-box;width:100%;max-width:1200px;margin:22px auto 0;padding:0 0 4px;font-size:.9rem}@media(max-width:1240px){.st-dokumenty{padding:0 20px 4px}}.st-dokumenty a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.st-stopka-silnika{padding:24px 16px;background:var(--pow);color:var(--tekst)}
.st-pager{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.st-pager a,.st-pager span{min-width:42px;padding:9px 12px;box-sizing:border-box;border-radius:var(--r,12px);box-shadow:0 0 0 1px var(--linia);text-align:center;color:var(--tekst);background:var(--pow);text-decoration:none;font-weight:600}
.st-pager [aria-current]{background:var(--akcent);color:var(--akcent-tekst);box-shadow:none}
:has(> .kr),:has(> * > .kr){max-width:none!important}
.kr{container-type:inline-size;max-width:1080px}
.kr-uklad{display:grid;gap:28px}
@container (min-width:760px){.kr-uklad{grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:48px;align-items:start}.kr-boczna{position:sticky;top:24px}}
.kr-tekst>h3{margin:0 0 10px;font:700 1.25rem/1.3 var(--f-n);color:var(--tekst)}.kr-tekst>h3:not(:first-child){margin-top:30px}
.kr-tekst p,.kr-tekst li{max-width:none!important}
.kr-boczna h3{margin:0 0 12px;font:700 1.25rem/1.3 var(--f-n);color:var(--tekst)}
.kr-boczna .kf{max-width:none;margin:0}
.kf{position:relative;display:grid;gap:16px;margin:8px 0 4px;padding:24px;border-radius:var(--r,16px);background:var(--pow);box-shadow:0 0 0 1px var(--linia);max-width:640px}
.kf-pole{display:grid;gap:6px;font-weight:600;font-size:.95rem}.kf-pole[hidden],.kf-stan[hidden]{display:none}
.kf input[type=email],.kf input[type=text],.kf textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:calc(var(--r,16px) * .6);border:1.5px solid var(--linia);background:var(--tlo);color:var(--tekst);font:400 1rem/1.5 var(--f-t)}
.kf textarea{resize:vertical;min-height:140px}
.kf input:focus,.kf textarea:focus{outline:none;border-color:var(--akcent);box-shadow:0 0 0 3px var(--akcent-jasny)}
.kf-pokaz{justify-self:start;padding:10px 16px;border-radius:calc(var(--r,16px) * .6);border:1.5px dashed var(--akcent);background:color-mix(in srgb,var(--akcent) 16%,var(--pow));color:var(--tekst);font:600 .95rem var(--f-t);cursor:pointer}
.kf-tresc-pyt{font-weight:700}
.kf-wyslij{justify-self:start;padding:13px 26px;border:0;border-radius:calc(var(--r,16px) * .6);background:var(--akcent);color:var(--akcent-tekst);font:700 1rem var(--f-t);cursor:pointer}
.kf-wyslij:hover{background:var(--akcent-cien)}
.kf-pulapka{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.kf-info{margin:0!important;font-size:.82rem;color:var(--t2)}
.kf-stan{margin:0!important;padding:12px 16px;border-radius:calc(var(--r,16px) * .6);font-weight:600;color:var(--tekst)}
.mailrev{padding:3px 12px;border-radius:999px;border:1.5px solid var(--akcent);background:color-mix(in srgb,var(--akcent) 16%,var(--pow));color:var(--tekst);font:600 .9em var(--f-t);cursor:pointer}
.kf-ok{background:color-mix(in srgb,var(--akcent) 22%,var(--pow))}.kf-blad{background:color-mix(in srgb,var(--dodatek) 30%,var(--pow))}
:root{--tlo:#faf5eb;--pow:#eee3d1;--tekst:#2d261f;--t2:#665546;--akcent:#9a3f26;--akcent-tekst:#ffffff;--akcent-jasny:#ead0b7;--akcent-cien:#74301e;--linia:#cbbba6;--stopka:#302a23;--stopka-tekst:#faf5eb;--dodatek:#34483d;--f-n:"Lora", Georgia, serif;--f-t:"IBM Plex Sans", system-ui, sans-serif;--p-line:#cbbba6;--p-surface:#eee3d1;--r:10px}
/* Atlas wędrowca: ciepły papier, przekrój krajobrazu i rozkładany indeks.
   Tokeny kolorów i krojów dostarcza silnik. Bez fotografii winiety
   pozostają pełnoprawną częścią atlasu, bez pustych pól. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--tlo);color:var(--tekst);font:400 18px/1.667 var(--f-t,'IBM Plex Sans',system-ui,sans-serif)}
main,section,article,header,footer,nav,figure,details,div{min-width:0}
img,svg{max-width:100%;height:auto}
svg{vertical-align:middle}
img{display:block}
a{color:inherit;text-underline-offset:3px;transition:color 140ms,background-color 140ms,border-color 140ms}
a:hover{color:var(--akcent)}
a,summary,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--akcent);outline-offset:4px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--f-n,'Lora',Georgia,serif);font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}
h1,h2,h3,h4,p,figure{margin-top:0}
h1{font-size:52px;line-height:1.173;margin-bottom:24px}
h2{font-size:40px;line-height:1.2;margin-bottom:24px}
h3{font-size:28px;line-height:1.286;margin-bottom:20px}
p{margin-bottom:24px}
strong,b{font-weight:600}
ul,ol{padding-left:24px}
summary{cursor:pointer}
summary::-webkit-details-marker{display:none}
summary{list-style:none}
.ramka{width:calc(100% - 64px);max-width:1248px;margin-inline:auto;min-width:0}
.sek-wstep{max-width:720px;margin-bottom:40px}
.sek-wstep>p:last-child{margin-bottom:0}
.etykieta{font:600 12px/1.5 var(--f-t,'IBM Plex Sans',system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--akcent);margin:0 0 16px}
.lead{font-size:21px;line-height:1.524;overflow-wrap:anywhere}
.lead p:last-child{margin-bottom:0}
.meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;color:var(--t2);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
.meta:empty{display:none}
.meta a{color:inherit}
.skok{position:absolute;left:16px;top:12px;transform:translateY(-180%);padding:12px 20px;background:var(--akcent);color:var(--akcent-tekst);border-radius:8px;z-index:20;text-decoration:none;font-size:16px}
.skok:focus{transform:none;color:var(--akcent-tekst)}

/* Barwy przypisane do rzeczywistych działów, wspólne dla całego atlasu. */
[data-dzial]{--kd:var(--pow)}
[data-dzial="szczyty"]{--kd:#ead0b7}
[data-dzial="gory"]{--kd:#d9e0d0}
[data-dzial="przelecze"]{--kd:#e6d6be}
[data-dzial="ciekawe-miejsca"]{--kd:#ecddc5}
[data-dzial="doliny"]{--kd:#dce4d5}
[data-dzial="tatry"]{--kd:#d4ddd4}
[data-dzial="pasmo-gorskie"]{--kd:#e0dfcc}
[data-dzial="jaskinie"]{--kd:#ded5cb}
[data-dzial="karkonosze"]{--kd:#dce2ce}
[data-dzial="gorskie-hale"]{--kd:#e3e6c9}
[data-dzial="bieszczady"]{--kd:#d8dec5}
[data-dzial="wodospady"]{--kd:#d8e4df}
[data-dzial="turystyka-gorska"]{--kd:#eadbc7}
[data-dzial="jeziora"]{--kd:#d7e2dc}
[data-dzial="odziez-w-gory"]{--kd:#ead6c9}
[data-dzial="via-ferrata"]{--kd:#e1d7cc}
[data-dzial="wyposazenie-w-gory"]{--kd:#e9d9bb}
[data-dzial="schroniska"]{--kd:#ead3bd}
[data-dzial="szlaki"]{--kd:#e2dfca}
[data-dzial="trekking"]{--kd:#dce0c8}
[data-dzial="wspinaczka"]{--kd:#dfd3c7}
[data-dzial="akcesoria-gorskie"]{--kd:#e7d7c5}
[data-dzial="goryszczyty"]{--kd:#e3cfb8}
[data-dzial="zima-w-gorach"]{--kd:#dce5e0}
[data-dzial="goryschroniska"]{--kd:#e6d0bd}

/* Dwa poziomy nagłówka, bez przyklejania i bez cienia. */
.nag{background:var(--tlo);border-bottom:1px solid var(--linia)}
.nag-gora{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.logo{display:inline-flex;align-items:center;gap:12px;font:600 25px/1.2 var(--f-n,'Lora',Georgia,serif);text-decoration:none;letter-spacing:-.025em;min-width:0}
.logo-znak{display:block;width:44px;height:44px;flex:0 0 44px;color:var(--tekst)}
.logo-znak svg{display:block;width:100%;height:100%}
.nag-opis{font-size:14px;color:var(--t2);margin:0;text-align:right}
.menu{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--linia) transparent}
.menu ul{display:flex;align-items:center;flex-wrap:nowrap;gap:32px;list-style:none;margin:0;padding:0;width:max-content;min-width:100%}
.menu li{flex:0 0 auto}
.menu a{display:flex;align-items:center;min-height:52px;font-size:16px;line-height:1.375;font-weight:500;text-decoration:none;white-space:nowrap;padding:4px 2px}
.menu a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;color:var(--akcent)}
.menu .menu-indeks{color:var(--akcent)}
.menu a:hover,.menu a:focus-visible{text-decoration:underline;text-underline-offset:6px}
.menu a:focus-visible{outline-offset:-3px}

/* Otwarcie: tekst i pięć użytkowych pasków. */
.otwarcie{padding:64px 0 88px}
.otwarcie-uklad{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.otwarcie-tekst{position:relative;isolation:isolate;min-height:430px;padding-bottom:8px}
.otwarcie-tekst::before{content:"";position:absolute;z-index:-1;bottom:4px;right:36px;width:190px;height:190px;border-radius:50%;background:var(--akcent-jasny);opacity:.35;pointer-events:none}
.otwarcie h1{font-size:76px;line-height:1.079;font-weight:600;max-width:620px;margin:0 0 16px}
.otwarcie h1 span{display:block}
.otwarcie-liscie{display:block;width:56px;height:30px;margin:0 0 24px;color:var(--dodatek)}
.otwarcie-liscie svg{display:block;width:100%;height:100%}
.otwarcie .lead{max-width:480px;margin-bottom:12px}
.otwarcie-opis{max-width:440px;margin-bottom:24px;color:var(--t2)}
.otwarcie-liczba{font-size:14px;color:var(--t2);margin-bottom:0;font-variant-numeric:tabular-nums}
.otwarcie-liczba strong{color:var(--tekst);font-size:18px;margin-right:4px}
.otwarcie-pasy{display:grid;gap:8px;padding-top:8px}
.pas-dzial{display:grid;grid-template-columns:30px minmax(0,1fr) auto 20px;gap:16px;align-items:center;min-height:62px;padding:12px 20px;background:var(--kd,var(--pow));border-radius:10px;text-decoration:none;color:var(--tekst)}
.pas-ikona{display:block;width:30px;height:30px}
.pas-ikona svg,.pas-strzalka svg{display:block;width:100%;height:100%}
.pas-nazwa{font-size:20px;line-height:1.35;font-weight:500;overflow-wrap:anywhere}
.pas-liczba{font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums;text-align:right}
.pas-strzalka{display:block;width:20px;height:20px}
.pas-dzial:hover .pas-nazwa,.pas-dzial:focus-visible .pas-nazwa{text-decoration:underline;text-underline-offset:4px}

/* Główna plansza jest nawigacją, nie mapą rzeczywistych szlaków. */
.atlas{background:var(--pow);padding:64px 0}
.atlas .sek-wstep{margin-bottom:32px}
.atlas-plansza{margin:0}
.atlas-teren{position:relative}
.atlas-duzy svg{display:block;width:100%;height:auto;aspect-ratio:1248/410}
.atlas-maly{display:none}
.atlas-etykiety{position:absolute;inset:0}
.atlas-etykiety .pas-dzial{position:absolute;min-height:44px;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:8px 12px;background:var(--tlo);border:1px solid var(--linia);border-radius:8px;width:max-content;max-width:23%}
.atlas-etykiety .pas-ikona{width:24px;height:24px}
.atlas-etykiety .pas-nazwa{font-size:16px;line-height:1.375}
.atlas-etykiety .pas-liczba,.atlas-etykiety .pas-strzalka{display:none}
.atlas-etykiety [data-dzial="szczyty"]{left:78%;top:0}
.atlas-etykiety [data-dzial="przelecze"]{left:60%;top:24%}
.atlas-etykiety [data-dzial="doliny"]{left:22%;top:76%}
.atlas-etykiety [data-dzial="jaskinie"]{left:1%;top:57%}
.atlas-etykiety [data-dzial="gorskie-hale"]{left:43%;top:69%}
.atlas-etykiety [data-dzial="schroniska"]{left:53%;top:43%}
.atlas-etykiety [data-dzial="wodospady"]{left:27%;top:39%}
.atlas-plansza figcaption{font-size:14px;line-height:1.5;color:var(--t2);margin-top:16px}
.atlas-indeks{margin-top:40px}
.atlas-indeks>.etykieta{color:var(--t2);margin-bottom:16px}

/* Rozkładany indeks: wspólna oś nazwy i treści. */
.wiersz{border-bottom:1px solid var(--linia)}
.wiersz>summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto 24px;align-items:center;gap:20px;min-height:84px;padding:16px 0}
.wiersz-ikona{width:44px;height:44px;display:grid;place-items:center;background:var(--kd,var(--tlo));border-radius:50%;color:var(--tekst)}
.wiersz-ikona svg{display:block;width:32px;height:32px}
.wiersz-nazwa{font-size:24px;line-height:1.292;font-weight:500;overflow-wrap:anywhere}
.wiersz-liczba{font-size:14px;line-height:1.5;color:var(--t2);font-variant-numeric:tabular-nums;text-align:right}
.wiersz-znak{display:block;width:24px;height:24px;color:var(--akcent);flex:none}
.wiersz-znak svg{display:block;width:24px;height:24px}
.znak-plus{display:block}
.znak-minus{display:none}
details[open]>summary .znak-plus{display:none}
details[open]>summary .znak-minus{display:block}
.wiersz>summary:hover .wiersz-nazwa,.wiersz>summary:focus-visible .wiersz-nazwa{color:var(--akcent);text-decoration:underline;text-underline-offset:4px}
.wiersz-tresc{padding:0 44px 24px 64px;font-size:17px;line-height:1.6}
.wiersz-tresc ul{list-style:none;margin:0 0 12px;padding:0}
.wiersz-tresc li+li{border-top:1px solid var(--linia)}
.wiersz-tresc li a{display:block;padding:10px 0;min-height:44px;text-decoration:none;overflow-wrap:anywhere}
.wiersz-tresc li a:hover,.wiersz-tresc li a:focus-visible{text-decoration:underline}
.wiersz-wiecej,.wiersz-starsze{display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;min-height:44px;padding:8px 0;font-size:16px;line-height:1.5;color:var(--akcent);text-decoration:none;font-weight:500;overflow-wrap:anywhere}
.wiersz-wiecej svg,.wiersz-starsze svg{width:20px;height:20px;flex:0 0 20px}
.wiersz-wiecej:hover,.wiersz-starsze:hover{text-decoration:underline}

/* Publikacje: otwarte wiersze, pełne tytuły i ilustracje atlasu. */
.publikacje,.regiony{padding:88px 0}
.publikacje-lista{list-style:none;margin:0;padding:0}
.publikacje-lista>li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--linia);align-items:start}
.publikacje-lista>li:first-child{padding-top:0}
.publikacje-numer{font-size:48px;line-height:1.15;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--t2);padding-top:6px}
.publikacje-pierwszy .publikacje-numer{font-size:64px;color:var(--akcent);padding-top:0}
.karta{display:grid;grid-template-columns:112px minmax(0,1fr) 20px;gap:24px;align-items:start}
.karta-obraz{display:block;width:112px;aspect-ratio:112/80;background:var(--kd,var(--pow));border-radius:8px;color:var(--tekst);text-decoration:none}
.karta-foto{width:100%;height:100%;object-fit:cover;aspect-ratio:inherit;border-radius:inherit}
.karta-rys{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:inherit}
.karta-rys svg{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
.karta-dzial{display:inline-flex;align-items:center;gap:6px;min-height:28px;font-size:14px;line-height:1.5;color:var(--t2);text-decoration:none;margin-bottom:6px}
.karta-ikona{width:22px;height:22px;display:block;flex:0 0 22px}
.karta-ikona svg{display:block;width:100%;height:100%}
.karta h3{font:500 23px/1.348 var(--f-t,'IBM Plex Sans',system-ui,sans-serif);letter-spacing:-.01em;margin:0 0 10px}
.karta h3 a{text-decoration:none;overflow-wrap:anywhere}
.karta h3 a:hover,.karta h3 a:focus-visible{color:var(--akcent);text-decoration:underline}
.karta-strzalka{display:block;width:20px;height:20px;margin-top:36px;color:var(--akcent)}
.karta-strzalka svg{display:block;width:100%;height:100%}
.publikacje-pierwszy .karta{grid-template-columns:240px minmax(0,1fr) 20px}
.publikacje-pierwszy .karta-obraz{width:240px;aspect-ratio:240/152}
.publikacje-pierwszy .karta h3{font-size:28px;line-height:1.286}
.lista-kart>.karta{padding:24px 0;border-bottom:1px solid var(--linia)}
.lista-kart>.karta:first-child{padding-top:0}

/* Regiony: krótki wstęp pozostaje obok długiego indeksu. */
.regiony{border-top:1px solid var(--linia)}
.regiony-uklad{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.regiony-wstep p{color:var(--t2);max-width:32ch}
.regiony-rys{width:220px;max-width:100%;margin-top:32px}
.regiony-rys svg{display:block;width:100%;height:auto}
.regiony-maly{display:none}
.regiony-grupa+.regiony-grupa{margin-top:48px}
.regiony-grupa>h3{margin-bottom:16px}
.regiony-grupa .wiersz>summary{grid-template-columns:32px minmax(0,1fr) auto 24px;min-height:72px;gap:16px}
.regiony-grupa .wiersz-ikona{width:32px;height:32px}
.regiony-grupa .wiersz-ikona svg{width:28px;height:28px}
.regiony-grupa .wiersz-nazwa{font-size:22px;line-height:1.364}
.regiony-grupa .wiersz-tresc{padding-left:48px}

/* Ciemny pas przygotowania. */
.przygotowanie{padding:72px 0;background:var(--stopka);color:var(--stopka-tekst)}
.przygotowanie-uklad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 64px;align-items:start}
.przygotowanie .etykieta{color:var(--stopka-tekst)}
.przygotowanie-wstep h2{max-width:13ch}
.przygotowanie-wstep p:not(.etykieta){max-width:38ch}
.przygotowanie-rys{width:280px;max-width:100%;margin-top:32px}
.przygotowanie-rys svg{display:block;width:100%;height:auto}
.przygotowanie-spis .pas-dzial{background:transparent;color:var(--stopka-tekst);border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--stopka-tekst) 25%,transparent);min-height:72px;padding:16px 0;grid-template-columns:30px minmax(0,1fr) auto 20px}
.przygotowanie-spis .pas-dzial:first-child{border-top:1px solid color-mix(in srgb,var(--stopka-tekst) 25%,transparent)}
.przygotowanie-spis .pas-nazwa{font-size:22px;line-height:1.364}
.przygotowanie-poradnik{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid color-mix(in srgb,var(--stopka-tekst) 25%,transparent);padding:24px 0 0;margin-top:8px;font-size:23px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.przygotowanie-poradnik svg{width:24px;height:24px;flex:0 0 24px}
.przygotowanie a:hover{color:var(--stopka-tekst);text-decoration:underline}
.przygotowanie :focus-visible,.stopka :focus-visible{outline-color:var(--stopka-tekst)}

/* Archiwum operuje wyłącznie miesiącami dostępnymi w danych. */
.archiwum{padding:64px 0}
.archiwum-uklad{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.archiwum-miesiac{border-bottom:1px solid var(--linia)}
.archiwum-miesiac>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:20px;min-height:72px;padding:16px 0;font:500 25px/1.3 var(--f-n,'Lora',Georgia,serif);overflow-wrap:anywhere}
.archiwum-miesiac>summary:hover{color:var(--akcent)}
.archiwum-liczba{font:400 14px/1.5 var(--f-t,'IBM Plex Sans',system-ui,sans-serif);font-variant-numeric:tabular-nums;color:var(--t2)}
.archiwum-miesiac ul{list-style:none;padding:0 44px 20px 0;margin:0}
.archiwum-miesiac li a{display:block;min-height:44px;padding:8px 0;font-size:17px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}
.archiwum-miesiac li a:hover{text-decoration:underline}

/* Stopka jak końcowy indeks książki. */
.stopka{background:var(--stopka);color:var(--stopka-tekst);padding:64px 0 28px}
.stopka-gora{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px}
.stopka .logo{color:var(--stopka-tekst)}
.stopka .logo-znak{color:var(--stopka-tekst)}
.stopka .logo-znak svg{color:var(--stopka-tekst)}
.stopka .logo-znak svg [stroke]:not([stroke="none"]){stroke:currentColor}
.stopka .logo-znak svg [fill]:not([fill="none"]){fill:var(--stopka)}
.stopka-marka p{font-size:14px;line-height:1.6;margin:20px 0 0;max-width:30ch}
.stopka-marka .stopka-domena{margin-top:8px}
.stopka-indeks h2{font-size:24px;line-height:1.333;margin-bottom:24px}
.stopka-indeks ul{list-style:none;padding:0;margin:0;columns:4;column-gap:24px}
.stopka-indeks li{break-inside:avoid;page-break-inside:avoid}
.stopka-indeks a{display:block;min-height:44px;padding:8px 0;font-size:16px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.stopka a:hover{color:var(--stopka-tekst);text-decoration:underline}
.stopka-dol{display:flex;justify-content:space-between;align-items:baseline;gap:16px 32px;border-top:1px solid color-mix(in srgb,var(--stopka-tekst) 25%,transparent);margin-top:48px;padding-top:24px;font-size:14px;line-height:1.5}
.stopka-dol ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0}
.stopka-dol a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}

/* Okruchy zawijają się, a ostatnia pozycja jest skracana. */
.okruchy{margin:0 0 32px;font-size:14px;line-height:1.5;color:var(--t2)}
.okruchy ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;list-style:none;padding:0;margin:0;min-width:0}
.okruchy li{display:flex;align-items:center;min-width:0;max-width:100%}
.okruchy li+li::before{content:"/";margin:0 10px;color:var(--t2);flex:none}
.okruchy li:last-child{flex:0 1 auto;min-width:0}
.okruchy a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;overflow-wrap:anywhere}
.okruchy a:hover{text-decoration:underline}
.okruchy span[aria-current]{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* Nagłówek i jedna kolumna artykułu. */
.wpis-strona,.dokument-strona{padding-top:40px;padding-bottom:88px}
.wpis{min-width:0}
.wpis-dzial{display:flex;align-items:center;gap:10px;min-height:44px;width:fit-content;max-width:100%;margin:0 auto 20px;color:var(--akcent);font-size:16px;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.wpis-dzial>span{display:block;width:28px;height:28px;flex:0 0 28px}
.wpis-dzial svg{display:block;width:100%;height:100%}
.wpis-dzial:hover{text-decoration:underline}
.wpis-naglowek{max-width:1000px;margin:0 auto 40px}
.wpis-naglowek>h1,.wpis-naglowek>.lead,.wpis-naglowek>.meta,.wpis-naglowek>.wpis-nota,.wpis-naglowek>.wpis-sponsorowany{max-width:880px;margin-left:auto;margin-right:auto}
.wpis-naglowek h1{font-size:52px;line-height:1.173;font-weight:500;margin-bottom:24px}
.wpis-naglowek>.lead{margin-bottom:24px}
.wpis-meta{margin-top:24px;margin-bottom:24px}
.wpis-meta:empty{display:none;margin:0}
.wpis-sponsorowany{padding:8px 0;border-bottom:1px solid var(--linia)}
.wpis-nota{font-size:14px;line-height:1.6;color:var(--t2);padding:16px 0;border-top:1px solid var(--linia);margin-top:24px}
.wpis-nota p:last-child{margin-bottom:0}
.wpis-obraz{margin-top:32px}
.wpis-obraz-glowny{max-width:1000px;margin:0 auto 40px}
.wpis-foto{display:block;width:100%;height:auto;border-radius:16px}
.wpis-kolumna{width:100%;max-width:720px;margin-inline:auto;min-width:0}
.spis{background:var(--pow);border-radius:16px;padding:24px;margin-bottom:48px}
.spis>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:18px;font-weight:500;line-height:1.5}
.spis>summary::after{content:"+";color:var(--akcent);font-size:24px;line-height:1;flex:none}
.spis[open]>summary::after{content:"-"}
.spis ol{list-style:none;margin:16px 0 0;padding:0}
.spis li+li{border-top:1px solid var(--linia)}
.spis li a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:baseline;min-height:44px;padding:10px 0;font-size:16px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.spis li a:hover{text-decoration:underline}
.spis-numer{color:var(--akcent);font-size:14px;font-variant-numeric:tabular-nums}

/* Bez zmian źródłowej treści: tabele, cytaty, listy i FAQ. */
.tresc-artykulu{font-size:18px;line-height:1.667;overflow-wrap:anywhere}
.tresc-artykulu p{margin:0 0 24px}
.tresc-artykulu h2{font-size:32px;line-height:1.281;margin:56px 0 24px}
.tresc-artykulu h3{font-size:25px;line-height:1.32;margin:36px 0 20px}
.tresc-artykulu h4{font-size:22px;line-height:1.4;margin:32px 0 16px}
.wpis-sekcja,.dokument-sekcja,.tresc-artykulu [id]{scroll-margin-top:24px}
.tresc-artykulu a{color:var(--akcent);text-decoration:underline;text-underline-offset:3px}
.tresc-artykulu a:hover{text-decoration-thickness:2px}
.tresc-artykulu ul,.tresc-artykulu ol{margin:0 0 24px;padding-left:24px}
.tresc-artykulu ul{list-style-type:square}
.tresc-artykulu li{padding-left:3px;margin:8px 0}
.tresc-artykulu li::marker{color:var(--akcent);font-variant-numeric:tabular-nums}
.tresc-artykulu li ul,.tresc-artykulu li ol{margin-top:12px;margin-bottom:12px}
.tresc-artykulu figure{max-width:100%;margin:32px 0}
.tresc-artykulu figure img{max-width:100%;height:auto;border-radius:8px}
.tresc-artykulu figcaption{font-size:14px;line-height:1.5;color:var(--t2);margin-top:12px}
.tresc-artykulu .tw{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:32px 0;background:var(--pow);border:1px solid var(--linia);border-radius:12px;scrollbar-width:thin;scrollbar-color:var(--t2) var(--pow)}
.tresc-artykulu table{display:block;max-width:100%;width:100%;overflow-x:auto;border-spacing:0;border-collapse:collapse;margin:32px 0;background:var(--pow);font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
.tresc-artykulu .tw table{display:table;overflow:visible;margin:0;border:0;max-width:none;width:100%}
.tresc-artykulu caption{text-align:left;padding:16px 14px;font-weight:600;color:var(--tekst);font-size:16px;line-height:1.5}
.tresc-artykulu th,.tresc-artykulu td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linia);min-width:100px;overflow-wrap:normal}
.tresc-artykulu th{background:var(--akcent-jasny);color:var(--tekst);font-weight:600}
.tresc-artykulu tr:last-child td{border-bottom:0}
.tresc-artykulu blockquote{position:static;margin:32px 0;padding:24px;border-left:3px solid var(--akcent);background:var(--pow);font:400 22px/1.545 var(--f-n,'Lora',Georgia,serif);letter-spacing:0}
.tresc-artykulu blockquote::before,.tresc-artykulu blockquote::after{content:none}
.tresc-artykulu blockquote p:last-child{margin-bottom:0}
.tresc-artykulu blockquote cite,.tresc-artykulu blockquote .autor,.tresc-artykulu blockquote [class*="author"]{position:static;display:block;clear:both;margin:16px 0 0;font:400 14px/1.5 var(--f-t,'IBM Plex Sans',system-ui,sans-serif);color:var(--t2)}
.tresc-artykulu details{border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);padding:0;margin:16px 0}
.tresc-artykulu details+details{border-top:0;margin-top:-16px}
.tresc-artykulu details>summary{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 0;min-height:64px;font-size:18px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.tresc-artykulu details>summary::after{content:"+";color:var(--akcent);font-size:24px;line-height:1;flex:none}
.tresc-artykulu details[open]>summary::after{content:"-"}
.tresc-artykulu details>summary:hover{color:var(--akcent)}
.tresc-artykulu details>div{padding-bottom:8px}
.tresc-artykulu details>p:last-child{margin-bottom:24px}
.tresc-artykulu hr{border:0;border-top:1px solid var(--linia);margin:40px 0}
.tresc-artykulu pre{max-width:100%;overflow-x:auto;padding:16px;background:var(--pow);font-size:16px}

/* Dalsza lektura i powrót do istniejącego działu. */
.sasiednie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:64px auto;max-width:1000px;padding:24px 0;border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.sasiednie a{display:block;min-height:44px;text-decoration:none;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.sasiednie .etykieta{display:block;margin-bottom:12px}
.sasiednie-nastepny{grid-column:2}
.sasiednie a:hover>span:last-child{text-decoration:underline}
.pokrewne{max-width:1000px;margin:64px auto 0}
.pokrewne h2{font-size:32px;line-height:1.281}
.pokrewne .karta{grid-template-columns:88px minmax(0,1fr) 20px}
.pokrewne .karta-obraz{width:88px;aspect-ratio:88/64}
.pokrewne .karta h3{font-size:21px;line-height:1.43}
.wpis-powrot{max-width:1000px;margin:48px auto 0}
.wpis-powrot a{display:inline-flex;align-items:center;min-height:44px;color:var(--akcent);font-size:16px;overflow-wrap:anywhere}

/* Dział oraz dokumenty zachowują własną, spokojną kompozycję. */
.dzial-strona>.ramka:first-child{padding-top:32px}
.dzial-strona>.ramka .okruchy{margin-bottom:24px}
.dzial-naglowek{background:var(--kd,var(--pow));padding:48px 0}
.dzial-naglowek-uklad{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:center}
.dzial-wprowadzenie{max-width:800px}
.dzial-ikona{display:block;width:64px;height:64px;margin-bottom:20px}
.dzial-ikona svg{display:block;width:100%;height:100%}
.dzial-naglowek h1{margin-bottom:12px}
.dzial-liczba{font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;margin-bottom:0}
.dzial-wprowadzenie>.lead{margin-top:24px;margin-bottom:0}
.dzial-ilustracja{width:240px;max-width:100%;justify-self:end}
.dzial-ilustracja-duza svg{display:block;width:100%;height:auto;max-height:160px}
.dzial-ilustracja-pas{display:none}
.pager{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:32px}
.pager a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:44px;min-height:48px;max-width:100%;padding:10px 18px;border:1px solid var(--linia);border-radius:8px;color:var(--akcent);font-size:16px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.pager a:hover,.pager a:focus-visible{text-decoration:underline;background:var(--pow)}
.pager a>span:last-child{width:20px;height:20px;flex:0 0 20px}
.pager svg{display:block;width:20px;height:20px}
.dzial-zawartosc{padding:64px 0 88px}
.dzial-zawartosc .karta{grid-template-columns:144px minmax(0,1fr) 20px;gap:32px}
.dzial-zawartosc .karta-obraz{width:144px;aspect-ratio:144/100}
.dzial-powiazane{margin-top:48px;padding-top:32px;border-top:1px solid var(--linia)}
.dzial-powiazane h2{font-size:28px;line-height:1.286}
.dzial-powiazane ul,.blad-dzialy ul{display:flex;flex-wrap:wrap;gap:8px 32px;list-style:none;padding:0;margin:0}
.dzial-powiazane a,.blad-dzialy a{display:flex;align-items:center;min-height:44px;font-size:16px;overflow-wrap:anywhere}
.dzial-powiazane li,.blad-dzialy li{min-width:0;max-width:100%}
.dokument-naglowek{max-width:880px;margin:0 auto 48px}
.dokument-naglowek>.meta{margin-top:24px}
.blad-strona{padding-top:48px;padding-bottom:88px}
.blad-znak{display:block;width:64px;height:64px;margin-bottom:24px}
.blad-znak svg{display:block;width:100%;height:100%}
.blad-powrot{display:inline-flex;min-height:44px;align-items:center;padding:8px 20px;background:var(--akcent);color:var(--akcent-tekst);border-radius:8px;text-decoration:none;font-size:16px}
.blad-powrot:hover{background:var(--akcent-cien,var(--akcent));color:var(--akcent-tekst);text-decoration:underline}
.blad-publikacje,.blad-dzialy{margin-top:48px}

@media(min-width:1280px){
  .ramka{width:calc(100% - 96px)}
}

@media(max-width:1080px){
  .otwarcie-uklad{gap:40px;grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .otwarcie h1{font-size:64px;line-height:1.1}
  .otwarcie-tekst{min-height:400px}
  .pas-dzial{gap:12px;padding-inline:16px}
  .menu ul{gap:24px}
  .regiony-uklad{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px}
  .regiony-wstep h2{font-size:34px}
  .przygotowanie-uklad{gap:32px}
  .przygotowanie h2{font-size:34px}
  .publikacje-pierwszy .karta{grid-template-columns:180px minmax(0,1fr) 20px}
  .publikacje-pierwszy .karta-obraz{width:180px}
  .publikacje-pierwszy .karta h3{font-size:25px}
  .stopka-gora{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px}
  .stopka-indeks ul{columns:3;column-gap:20px}
  .atlas-etykiety .pas-dzial{padding:6px 8px;gap:6px}
  .atlas-etykiety .pas-ikona{width:20px;height:20px}
  .atlas-etykiety .pas-dzial{grid-template-columns:20px minmax(0,1fr)}
}

@media(max-width:900px){
  .otwarcie-uklad{grid-template-columns:minmax(0,1fr);gap:32px}
  .otwarcie-texte{min-width:0}
  .otwarcie-tekst{min-height:0;max-width:640px}
  .otwarcie-tekst::before{right:8px;bottom:0}
  .otwarcie-pasy{padding-top:0}
}

@media(max-width:860px){
  .nag-opis{max-width:250px}
  .nag-gora{gap:24px}
  .otwarcie{padding-bottom:64px}
  .publikacje,.regiony{padding-block:64px}
  .publikacje-lista>li{grid-template-columns:48px minmax(0,1fr);gap:20px}
  .publikacje-numer{font-size:40px}
  .publikacje-pierwszy .publikacje-numer{font-size:48px}
  .karta{gap:20px;grid-template-columns:96px minmax(0,1fr) 20px}
  .karta-obraz{width:96px}
  .publikacje-pierwszy .karta{grid-template-columns:144px minmax(0,1fr) 20px}
  .publikacje-pierwszy .karta-obraz{width:144px}
  .publikacje-pierwszy .karta h3{font-size:23px}
  .regiony-uklad{grid-template-columns:minmax(0,3fr) minmax(0,5fr)}
  .regiony-grupa .wiersz>summary{gap:12px}
  .regiony-grupa .wiersz-nazwa{font-size:20px}
  .przygotowanie-uklad{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .przygotowanie-spis .pas-nazwa{font-size:20px}
  .przygotowanie-spis .pas-dzial{gap:10px}
  .archiwum-uklad{gap:32px;grid-template-columns:minmax(0,3fr) minmax(0,5fr)}
  .stopka-gora{grid-template-columns:minmax(0,1fr)}
  .stopka-marka{max-width:100%}
  .stopka-indeks ul{columns:4}
  .wpis-naglowek h1{font-size:46px;line-height:1.2}
  .dzial-zawartosc .karta{gap:24px;grid-template-columns:112px minmax(0,1fr) 20px}
  .dzial-zawartosc .karta-obraz{width:112px}
  .dzial-naglowek-uklad{gap:32px;grid-template-columns:minmax(0,1fr) 180px}
  .dzial-ilustracja{width:180px}
}

@media(max-width:699px){
  .ramka{width:calc(100% - 32px)}
  .nag-gora{min-height:76px}
  .logo{font-size:22px;gap:10px}
  .logo-znak{width:36px;height:36px;flex-basis:36px}
  .nag-opis{display:none}
  .menu ul{gap:24px;padding-right:16px}
  .menu a{min-height:48px}
  .otwarcie{padding:40px 0 48px}
  .otwarcie-uklad{gap:28px}
  .otwarcie-tekst::before{display:none}
  .otwarcie h1{font-size:44px;line-height:1.114}
  .otwarcie-liscie{margin-bottom:20px}
  .lead{font-size:19px;line-height:1.526}
  .otwarcie-opis{font-size:17px;line-height:1.647;margin-bottom:20px}
  .otwarcie-pasy .pas-dzial{min-height:60px}
  h2{font-size:30px;line-height:1.233}
  h3{font-size:24px;line-height:1.292}
  .sek-wstep{margin-bottom:28px}
  .atlas{padding:32px 0 48px}
  .atlas-duzy{display:none}
  .atlas-maly{display:block}
  .atlas-maly svg{display:block;width:100%;height:auto;aspect-ratio:350/220}
  .atlas-etykiety{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:16px}
  .atlas-etykiety .pas-dzial{position:static;max-width:100%;width:100%;min-height:48px;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:8px;border-radius:8px}
  .atlas-etykiety .pas-ikona{width:24px;height:24px}
  .atlas-etykiety .pas-nazwa{font-size:16px;line-height:1.375}
  .atlas-plansza figcaption{font-size:14px;margin-top:16px}
  .atlas-indeks{margin-top:32px}
  .wiersz>summary{grid-template-columns:32px minmax(0,1fr) 24px;grid-template-rows:auto auto;gap:2px 12px;padding:16px 0;min-height:80px}
  .wiersz-ikona{grid-column:1;grid-row:1/3;width:32px;height:32px}
  .wiersz-ikona svg{width:28px;height:28px}
  .wiersz-nazwa{grid-column:2;grid-row:1;font-size:20px;line-height:1.35}
  .wiersz-liczba{grid-column:2;grid-row:2;text-align:left;font-size:14px}
  .wiersz-znak{grid-column:3;grid-row:1/3;align-self:center}
  .wiersz-tresc{padding:0 0 20px 44px}
  .publikacje,.regiony{padding:48px 0}
  .regiony-uklad,.przygotowanie-uklad,.archiwum-uklad{grid-template-columns:minmax(0,1fr);gap:32px}
  .regiony-wstep h2,.przygotowanie h2{font-size:30px;line-height:1.233}
  .regiony-wstep p{max-width:100%;margin-bottom:0}
  .regiony-duzy{display:none}
  .regiony-maly{display:block;width:100%;margin-top:24px}
  .regiony-maly svg{width:100%;height:auto;max-height:100px}
  .regiony-grupa+.regiony-grupa{margin-top:32px}
  .regiony-grupa .wiersz>summary{grid-template-columns:32px minmax(0,1fr) 24px;gap:2px 12px;min-height:72px}
  .regiony-grupa .wiersz-tresc{padding-left:44px}
  .przygotowanie{padding:48px 0}
  .przygotowanie-wstep h2{max-width:19ch}
  .przygotowanie-rys{width:210px;margin-top:24px}
  .przygotowanie-poradnik{grid-column:auto;font-size:20px;margin-top:0;padding-top:24px}
  .archiwum{padding:48px 0}
  .archiwum h2{margin-bottom:0}
  .archiwum-miesiac>summary{font-size:23px}
  .stopka{padding:48px 0 24px}
  .stopka-indeks ul{columns:2;column-gap:24px}
  .stopka-dol{flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px}
  .stopka-dol ul{gap:4px 20px}
  .wpis-strona,.dokument-strona{padding-top:24px;padding-bottom:48px}
  .okruchy{margin-bottom:24px}
  .okruchy a{min-height:36px}
  .wpis-dzial{margin:0 0 16px}
  .wpis-naglowek h1{font-size:34px;line-height:1.206;margin-bottom:20px}
  .wpis-naglowek{margin-bottom:32px}
  .wpis-meta{margin-top:20px;margin-bottom:20px}
  .wpis-obraz{margin-top:24px}
  .wpis-obraz-glowny{margin:0 auto 32px}
  .wpis-foto{border-radius:10px}
  .spis{padding:20px;margin-bottom:32px}
  .tresc-artykulu{font-size:17px;line-height:1.647}
  .tresc-artykulu h2{font-size:27px;line-height:1.296;margin-top:40px}
  .tresc-artykulu h3{font-size:23px;line-height:1.348;margin-top:32px}
  .tresc-artykulu blockquote{padding:20px;font-size:21px;line-height:1.57}
  .sasiednie{grid-template-columns:minmax(0,1fr);gap:24px;margin:48px auto}
  .sasiednie-nastepny{grid-column:auto}
  .sasiednie a{font-size:19px}
  .pokrewne{margin-top:48px}
  .pokrewne h2{font-size:27px}
  .wpis-powrot{margin-top:32px}
  .dzial-strona>.ramka:first-child{padding-top:24px}
  .dzial-naglowek{padding:32px 0}
  .dzial-naglowek-uklad{grid-template-columns:minmax(0,1fr);gap:20px}
  .dzial-ikona{width:44px;height:44px;margin-bottom:16px}
  .dzial-naglowek h1{font-size:36px;line-height:1.194}
  .dzial-ilustracja{width:100%;height:90px;justify-self:stretch}
  .dzial-ilustracja-duza{display:none}
  .dzial-ilustracja-pas{display:block;position:relative;width:100%;height:90px;overflow:hidden;border-radius:8px;background:var(--tlo)}
  .dzial-pas-krajobraz{position:absolute;inset:auto 0 0;height:80px}
  .dzial-pas-krajobraz svg{display:block;width:100%;height:80px}
  .dzial-pas-symbol{position:absolute;left:calc(50% - 29px);top:5px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--tlo);color:var(--tekst)}
  .dzial-pas-symbol svg{display:block;width:42px;height:42px}
  .pager{justify-content:flex-start;margin-top:24px}
  .dzial-zawartosc{padding:40px 0 48px}
  .dokument-naglowek{margin-bottom:32px}
  .dokument-naglowek h1{font-size:34px;line-height:1.206}
  .blad-strona{padding-top:24px;padding-bottom:48px}
  .blad-naglowek h1{font-size:34px;line-height:1.206}
}

/* Na telefonie miniatura dzieli wiersz z metadanymi, a nie z tytułem. */
@media(max-width:560px){
  body{font-size:17px;line-height:1.647}
  .pas-dzial{gap:10px;padding:12px 14px}
  .pas-nazwa{font-size:20px}
  .publikacje-lista>li{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:24px 0}
  .publikacje-numer,.publikacje-pierwszy .publikacje-numer{font-size:28px;line-height:1.2;padding-top:0}
  .karta,.publikacje-pierwszy .karta,.dzial-zawartosc .karta,.pokrewne .karta{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px 12px;align-items:start}
  .karta-obraz,.dzial-zawartosc .karta-obraz,.pokrewne .karta-obraz{grid-column:1;grid-row:1/3;width:72px;aspect-ratio:72/64}
  .karta-tekst{display:contents}
  .karta-dzial{grid-column:2;grid-row:1;align-self:start;margin:0;font-size:14px;line-height:1.5;min-height:28px;max-width:100%;overflow-wrap:anywhere}
  .karta .meta{grid-column:2;grid-row:2;align-self:start;margin:0;gap:4px 10px;overflow-wrap:anywhere}
  .karta h3,.publikacje-pierwszy .karta h3,.pokrewne .karta h3{grid-column:1/-1;grid-row:3;font-size:19px;line-height:1.421;margin:0}
  .karta:has(.karta-dzial):has(.meta:not(:empty)){row-gap:8px}
  .karta:has(.karta-dzial):has(.meta:not(:empty)) h3{margin-top:6px}
  .karta-strzalka{display:none}
  .publikacje-pierwszy .karta{grid-template-columns:96px minmax(0,1fr)}
  .publikacje-pierwszy .karta-obraz{width:96px;aspect-ratio:96/72}
  .karta:not(:has(.karta-dzial)) .meta{grid-row:1/3;margin:0;align-self:center}
  .karta:not(:has(.karta-dzial)):not(:has(.meta:not(:empty))) .karta-obraz{grid-column:1/-1}
  .przygotowanie-spis .pas-dzial{grid-template-columns:28px minmax(0,1fr) auto 20px;gap:10px}
  .przygotowanie-spis .pas-ikona{width:28px;height:28px}
  .przygotowanie-spis .pas-nazwa{font-size:19px;line-height:1.421}
  .przygotowanie-spis .pas-liczba{font-size:14px}
  .stopka-indeks a{font-size:16px}
  .okruchy li+li::before{margin-inline:7px}
  .spis{padding:16px}
  .spis li a{grid-template-columns:24px minmax(0,1fr);gap:8px}
  .tresc-artykulu th,.tresc-artykulu td{padding:14px;min-width:110px}
  .tresc-artykulu blockquote{padding:20px 16px}
  .tresc-artykulu details>summary{font-size:17px;gap:16px}
  .dzial-powiazane ul,.blad-dzialy ul{display:block}
  .dzial-powiazane li+li,.blad-dzialy li+li{margin-top:4px}
}

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

/* Strona główna 26.10: ścieżki wejścia z opisem i faktami, przegląd działów z leadem, regiony jako odnośniki */
.sciezki{padding:72px 0;border-top:1px solid var(--linia)}
.sciezki-uklad{display:grid;grid-template-columns:4fr 8fr;gap:56px;align-items:start}
.sciezki-wstep>p{color:var(--t2)}
.fakty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:24px 0 0}
.fakty li{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--linia);border-radius:10px;background:var(--pow)}
.fakty strong{font-size:20px;line-height:1.25}
.fakty li:nth-child(3){grid-column:1/-1}
.fakty span{font-size:13px;line-height:1.4;color:var(--t2)}
.sciezki-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.sciezka{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:22px;border-radius:12px;background:var(--pow)}
.sciezka-ikona{grid-row:span 3;width:40px;height:40px}
.sciezka-ikona svg{width:100%;height:100%}
.sciezka h3{font-size:21px;line-height:1.3;margin:0 0 8px}
.sciezka h3 a{color:var(--tekst);text-decoration:none}
.sciezka h3 a:hover{text-decoration:underline}
.sciezka p{margin:0 0 10px;font-size:15px;line-height:1.55;color:var(--t2)}
.sciezka-dzial{font-size:13px;font-weight:600;color:var(--akcent)}
.przeglad{padding:72px 0}
.przeglad-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.przeglad-dzial{display:flex;flex-direction:column;border-top:2px solid var(--akcent);padding-top:18px;min-width:0}
.przeglad-nazwa{display:flex;align-items:center;gap:12px;font-size:24px;line-height:1.25;margin:0 0 16px}
.przeglad-nazwa a{color:var(--tekst);text-decoration:none}
.przeglad-nazwa a:hover{text-decoration:underline}
.przeglad-ikona{flex:none;width:30px;height:30px}
.przeglad-ikona svg{width:100%;height:100%}
.przeglad-wiodacy h4{font-size:18px;line-height:1.4;margin:0 0 8px}
.przeglad-wiodacy h4 a{color:var(--tekst)}
.przeglad-wiodacy p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--t2)}
.przeglad-tematy{list-style:none;padding:0;margin:0 0 14px}
.przeglad-tematy li{border-top:1px solid var(--linia)}
.przeglad-tematy a{display:block;padding:10px 0;font-size:15px;line-height:1.45;color:var(--tekst);text-decoration:none}
.przeglad-tematy a:hover{text-decoration:underline}
.przeglad-wiecej{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--akcent)}
.przeglad-wiecej svg{width:16px;height:16px}
.regiony-grupa{display:grid;gap:8px}
@media(max-width:1080px){
.sciezki-uklad{grid-template-columns:minmax(0,1fr);gap:32px}
.przeglad-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:699px){
.sciezki,.przeglad{padding:48px 0}
.sciezki-lista,.przeglad-siatka{grid-template-columns:minmax(0,1fr)}
.fakty{gap:8px}
.fakty li{padding:10px}
.fakty strong{font-size:16px}
.sciezka{padding:18px;grid-template-columns:32px minmax(0,1fr);column-gap:12px}
.sciezka-ikona{width:32px;height:32px}
}