@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/spectral/rnCr-xNNww_2s0amA9M3knj-SA.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: 'Spectral'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/spectral/rnCr-xNNww_2s0amA9M5kng.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: 'Spectral'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9vKsW3PafadWQ.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: 'Spectral'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9vKsW3BafY.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: 'Spectral'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9uCt23PafadWQ.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: 'Spectral'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9uCt23BafY.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)}
figure.obr-lewo{float:left!important;margin:.3em 1.6em 1em 0!important}figure.obr-prawo{float:right!important;margin:.3em 0 1em 1.6em!important}figure.obr-srodek{margin-left:auto!important;margin-right:auto!important}figure.obr-lewo,figure.obr-prawo{width:50%!important}figure.obr-w25{width:25%!important}figure.obr-w33{width:33.333%!important}figure.obr-w50{width:50%!important}figure.obr-w75{width:75%!important}figure[class*="obr-"] img{width:100%;height:auto}:has(>figure.obr-lewo,>figure.obr-prawo)::after{content:"";display:block;clear:both}@media(max-width:600px){figure.obr-lewo,figure.obr-prawo{float:none!important;width:auto!important;margin:0 0 1em!important}}
.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:#f6f1e8;--pow:#ffffff;--tekst:#292223;--t2:#625653;--akcent:#7b263d;--akcent-tekst:#ffffff;--akcent-jasny:#f0dfe3;--akcent-cien:#e6dbce;--linia:#d5c8b9;--stopka:#34232b;--stopka-tekst:#f6f1e8;--dodatek:#a48346;--f-n:"Spectral", Georgia, serif;--f-t:"IBM Plex Sans", Arial, sans-serif;--p-line:#d5c8b9;--p-surface:#ffffff;--r:12px}
/* Atlas z przyrzadem indeksowym. Obudowa i zakladka lacza mape tematow z redakcyjnym marginesem. Tokeny podstawowe i fonty dostarcza silnik. */
:root{--dz-cukrzyca:#d88d9b;--dz-leczenie:#9cbaa9;--dz-dieta:#e4b56d;--dz-objawy:#d99174;--dz-publikacje:#b7a0c6;--dz-badania:#92b5c6;--dz-edukacja:#c3bf82;--szeryf:var(--f-n,"Spectral"),Georgia,serif;--sans:var(--f-t,"IBM Plex Sans"),Arial,sans-serif}
*,*::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/30px var(--sans);overflow-wrap:anywhere}
main,article,section,header,footer,nav,aside,div,figure,ul,ol,li{min-width:0}
img,svg{max-width:100%;height:auto}
svg{vertical-align:middle}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-skip-ink:auto;transition:color 140ms,background-color 140ms,text-decoration-color 140ms}
a:hover{text-decoration-color:var(--akcent)}
a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--akcent);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-family:var(--szeryf);font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
h1{font-size:56px;line-height:62px}
h2{font-size:42px;line-height:48px}
h3{font-size:29px;line-height:36px}
h4{font-size:24px;line-height:32px}
p{margin:0 0 20px}
p:last-child{margin-bottom:0}
figure{margin:0}
button,summary{font:inherit}
summary{cursor:pointer}
.w{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}
.pas{padding-block:96px}
.temat{--dzial:var(--kd,var(--akcent-jasny))}
.temat-cukrzyca{--dzial:var(--dz-cukrzyca)}
.temat-leczenie{--dzial:var(--dz-leczenie)}
.temat-dieta{--dzial:var(--dz-dieta)}
.temat-objawy{--dzial:var(--dz-objawy)}
.temat-publikacje{--dzial:var(--dz-publikacje)}
.temat-badania{--dzial:var(--dz-badania)}
.temat-edukacja{--dzial:var(--dz-edukacja)}
.skok{position:absolute;top:12px;left:16px;z-index:20;padding:12px 20px;background:var(--akcent);color:var(--akcent-tekst);transform:translateY(-180%);text-decoration:none;border-radius:6px}
.skok:focus{transform:translateY(0)}
.tylko-czytnik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.etykieta,.promo-etykieta,.dokument-etykieta{font:600 12px/18px var(--sans);letter-spacing:.09em;text-transform:uppercase}
.etykieta{margin-bottom:12px}
.promo-etykieta{display:table;margin:0 0 12px;padding:5px 9px;background:var(--akcent-jasny);color:var(--tekst);border-left:3px solid var(--dzial,var(--akcent))}
.przyciski{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px}
.przycisk{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 24px;border:1px solid var(--akcent);border-radius:6px;background:var(--akcent);color:var(--akcent-tekst);font-size:16px;font-weight:600;line-height:24px;text-align:center;text-decoration:none}
.przycisk:hover{background:var(--tekst);border-color:var(--tekst);color:var(--akcent-tekst)}
.przycisk-obrys{background:transparent;color:var(--akcent)}
.przycisk-obrys:hover{background:var(--akcent-jasny);color:var(--akcent);border-color:var(--akcent)}
.dalej{display:inline-block;padding-block:10px;min-height:44px;font-size:16px;line-height:24px;font-weight:600;color:var(--akcent)}
.dalej span{white-space:nowrap}
.meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--t2);font-size:14px;line-height:21px;font-variant-numeric:tabular-nums}
.meta:empty{display:none}
.kreski{list-style:none;padding:0;margin:24px 0}
.kreski li{position:relative;padding-left:22px;margin-bottom:14px}
.kreski li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:2px;background:var(--dzial,var(--akcent))}
.kreski a{text-decoration:none}
.kreski a:hover{text-decoration:underline;color:var(--akcent)}

/* Dwa pasy naglowka. Tylko menu ma lokalne przewijanie. */
.nag{background:var(--pow);border-bottom:1px solid var(--linia)}
.nag-gora{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:88px;padding-block:12px}
.marka{display:inline-flex;align-items:center;gap:12px;max-width:560px;text-decoration:none}
.marka-znak{display:block;flex:0 0 48px;width:48px}
.marka-znak svg{display:block;width:48px;height:48px}
.marka-tekst{display:flex;flex-direction:column;gap:3px}
.marka-tekst strong{font:600 23px/27px var(--szeryf);letter-spacing:-.025em}
.marka-tekst>span{font-size:12px;line-height:18px;letter-spacing:.06em;color:var(--t2)}
.nag-opis{max-width:330px;margin:0;color:var(--t2);font-size:14px;line-height:21px;text-align:right}
.menu{border-top:1px solid var(--linia)}
.menu-lista{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:24px;list-style:none;padding:0;min-height:54px;margin-block:0}
.nag .menu-lista>li{flex:0 0 auto;display:block;margin:0;padding:0}
.nag .menu-lista{display:flex;flex-direction:row;flex-wrap:nowrap}
@media(min-width:861px){.nag .menu-lista{gap:16px}.nag .menu-lista>li>a{white-space:nowrap}}
.menu a{position:relative;display:flex;align-items:center;min-height:54px;padding:10px 2px 14px;font-size:16px;line-height:24px;text-decoration:none;white-space:nowrap}
.menu a::after{content:"";position:absolute;left:2px;bottom:7px;height:3px;width:24px;background:var(--dzial);transition:width 140ms}
.menu a:hover::after,.menu .menu-aktywne::after{width:calc(100% - 4px)}
.menu .menu-aktywne{font-weight:600}

/* Jeden obiekt, ekran i legenda pozostaja prawdziwym HTML. */
.otwarcie{background:var(--tlo);padding:64px 0 80px}
.otwarcie-tekst{max-width:870px;margin-inline:auto;text-align:center}
.otwarcie-etykieta{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--t2);margin-bottom:20px}
.otwarcie-etykieta::before{content:"";width:32px;height:1px;flex:none;background:var(--dodatek)}
.otwarcie h1{font-size:76px;line-height:80px;font-weight:700}
.otwarcie h1 em{font-style:normal;color:var(--akcent)}
.otwarcie-lead{max-width:670px;margin:24px auto 0;font-size:22px;line-height:34px;color:var(--t2)}
.mapa{max-width:1080px;margin:48px auto 0}
.przyrzad{position:relative;padding:36px 40px 28px;border:2px solid var(--akcent);border-radius:56px;background:var(--pow);box-shadow:0 10px 0 color-mix(in srgb,var(--linia) 65%,var(--tlo));isolation:isolate}
.przyrzad::before,.przyrzad::after{content:"";position:absolute;top:30px;width:18px;height:2px;background:var(--dodatek);pointer-events:none}
.przyrzad::before{left:34px}
.przyrzad::after{right:34px}
.przyrzad-pasek{position:absolute;top:-19px;left:calc(50% - 17px);width:34px;height:24px;border:2px solid var(--akcent);background:var(--akcent-jasny);border-radius:3px 3px 0 0;z-index:-1}
.przyrzad-pasek::after{content:"";position:absolute;inset:5px 6px auto;height:3px;background:var(--dodatek)}
.przyrzad-ekran{display:flex;flex-direction:column;justify-content:center;max-width:600px;min-height:126px;margin-inline:auto;padding:18px 24px;border:1px solid var(--linia);border-radius:24px;background:var(--tlo);text-align:center}
.przyrzad-ekran .etykieta{margin:0 0 8px;color:var(--t2)}
.przyrzad-napis{margin:0;font:500 38px/46px var(--szeryf);letter-spacing:-.025em}
.podzialka{display:flex;gap:0;height:28px;max-width:920px;margin:28px auto 20px;overflow:hidden;border-radius:3px}
.podzialka-czesc{display:block;min-width:0;padding:0;border:0;background:var(--dzial)}
.podzialka-czesc:hover{box-shadow:inset 0 0 0 2px var(--akcent)}
.podzialka-czesc:focus-visible{outline-offset:-3px;outline-color:var(--tekst)}
.legenda{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.legenda>li{flex:0 0 25%;max-width:25%;padding:4px 8px}
.legenda a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:16px;line-height:24px;text-decoration:none}
.legenda a:hover{text-decoration:underline}
.legenda-ik{display:block;width:24px;height:24px;flex:none;color:var(--akcent)}
.legenda-ik svg{display:block;width:24px;height:24px}
.legenda-kreska{height:3px;width:16px;background:var(--dzial);flex:none}
.mapa figcaption{text-align:center;margin-top:26px;font-size:14px;line-height:21px;color:var(--t2)}

/* Otwarte kolumny i indeks redakcyjny, bez uniwersalnych kart. */
.tematy{background:var(--pow)}
.tematy h2{max-width:760px;margin-bottom:48px}
.tematy-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 40px}
.kolumna{position:relative;border-top:4px solid var(--dzial);padding-top:24px}
.kolumna:not(:nth-child(3n+1))::before{content:"";position:absolute;top:24px;bottom:28px;left:-20px;width:1px;background:var(--linia);pointer-events:none}
.kolumna-gora{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.kolumna-ik{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid var(--akcent);border-radius:50%;background:color-mix(in srgb,var(--dzial) 40%,var(--pow));color:var(--akcent)}
.kolumna-ik svg{width:26px;height:26px}
.kolumna h3 a{text-decoration:none}
.kolumna h3 a:hover{text-decoration:underline}
.kolumna-opis{color:var(--t2);font-size:16px;line-height:26px}
.kolumna .kreski{font-size:17px;line-height:27px;margin-bottom:16px}
.pozycja{position:relative;padding:28px 0 32px 24px}
.pozycja-zak{position:absolute;left:0;top:36px;width:5px;height:36px;background:var(--dzial,var(--akcent));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 4px),0 100%);transition:height 140ms;pointer-events:none}
.pozycja:hover .pozycja-zak{height:42px}
.pozycja-dzial{display:inline-flex;align-items:center;gap:7px;min-height:32px;margin-bottom:8px;font-size:14px;line-height:21px;text-decoration:none}
.pozycja-dzial>span{display:block;width:18px;height:18px;flex:none;color:var(--akcent)}
.pozycja-dzial svg{display:block;width:18px;height:18px}
.pozycja-dzial:hover{text-decoration:underline}
.pozycja-tytul{font-size:28px;line-height:36px;font-weight:500;margin-bottom:12px}
.pozycja-tytul a{text-decoration:none}
.pozycja-tytul a:hover{color:var(--akcent);text-decoration:underline}
.pozycja-lead{margin:12px 0 16px;color:var(--t2);font-size:17px;line-height:28px}
.pozycja-lead p{margin-bottom:12px}
.pozycja-foto{margin:0 0 20px}
.pozycja-obraz{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.nowe{background:var(--tlo)}
.nowe-siatka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:start}
.nowe-nag{padding-top:28px}
.nowe-rys{width:120px;max-width:100%;margin-top:32px}
.nowe-rys svg{display:block;width:120px;height:96px;object-fit:contain}
.nowe-lista .pozycja{border-bottom:1px solid var(--linia)}
.nowe-lista .pozycja:first-child{border-top:1px solid var(--linia)}

/* Rozwijane pytania i oddzielny pas promocyjny. */
.pytania{background:var(--akcent);color:var(--akcent-tekst)}
.pytania-wn{max-width:900px}
.pytania-nag{display:flex;align-items:center;gap:24px;margin-bottom:24px}
.pytania-rys{display:block;width:64px;flex:none}
.pytania-rys svg{display:block;width:100%}
.pytania-wstep{max-width:700px;margin-bottom:32px}
.pytania a{color:var(--akcent-tekst)}
.pytania :focus-visible{outline-color:var(--akcent-tekst)}
.pytanie{border-top:1px solid color-mix(in srgb,var(--akcent-tekst) 35%,transparent)}
.pytanie:last-child{border-bottom:1px solid color-mix(in srgb,var(--akcent-tekst) 35%,transparent)}
.pytanie summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding-block:16px;list-style:none;font-size:20px;line-height:28px}
.pytanie summary::-webkit-details-marker{display:none}
.pytanie summary::marker{content:""}
.pytanie summary:hover{text-decoration:underline;text-underline-offset:4px}
.pytanie-plus{position:relative;width:28px;height:28px;flex:0 0 28px;border:1px solid currentColor;border-radius:50%}
.pytanie-plus::before,.pytanie-plus::after{content:"";position:absolute;top:12px;left:7px;width:12px;height:1px;background:currentColor}
.pytanie-plus::after{transform:rotate(90deg)}
.pytanie[open] .pytanie-plus::after{display:none}
.pytanie-tresc{position:static;padding:0 52px 24px 0;font-size:17px;line-height:28px}
.pytanie:not([open])>.pytanie-tresc{display:none!important}
.pytanie[open]>.pytanie-tresc{display:block}
.pytanie summary>span:first-child{flex:1;min-width:0}
.pytanie-tresc>a{position:static;float:none;max-width:100%}
.pytanie-tresc>a{display:inline-block;padding-block:8px;min-height:44px;font-weight:600;font-size:16px}
.pytanie-link>a{display:block;min-height:56px;padding-block:18px;font-size:20px;line-height:28px;text-decoration:none}
.pytanie-link>a:hover{text-decoration:underline}
.publikacje{background:color-mix(in srgb,var(--dzial) 22%,var(--pow))}
.publikacje-siatka{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.publikacje-nag{position:relative;padding-left:112px;min-height:96px}
.publikacje-ik{position:absolute;left:0;top:0;width:88px;height:88px;color:var(--akcent);border-bottom:6px double var(--dzial);padding:8px}
.publikacje-ik svg{width:100%;height:100%}
.publikacje-nag .etykieta{margin-bottom:8px}
.publikacje-lista{border-left:1px solid var(--linia);padding-left:40px}
.publikacje-lista ul{list-style:none;margin:0 0 12px;padding:0}
.publikacje-lista li+li{margin-top:24px}
.publikacje-lista h3{font-size:28px;line-height:36px;font-weight:500}
.publikacje-lista h3 a{text-decoration:none}
.publikacje-lista h3 a:hover{text-decoration:underline}
.glosy{background:var(--tlo)}
.glosy-wn{max-width:900px}
.glosy-nag{margin-bottom:40px}
.cytat{border-left:2px solid var(--dodatek);padding-left:28px;margin-block:32px}
.cytat-znak{display:block;height:48px;font:400 64px/48px var(--szeryf);color:var(--akcent)}
.cytat blockquote{margin:16px 0 24px;font:400 28px/39px var(--szeryf)}
.cytat figcaption{font-size:14px;line-height:21px}
.cytat-autor{display:block;font-weight:600;margin-bottom:8px}
.cytat figcaption>a{display:block;color:var(--akcent)}
.archiwum{background:var(--pow)}
.archiwum h2{margin-bottom:40px}
.archiwum-grupa{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;border-top:1px solid var(--linia);padding-block:32px}
.archiwum-grupa h3{position:relative;padding-left:20px;font-size:25px;line-height:32px}
.archiwum-grupa h3::before{content:"";position:absolute;left:0;top:5px;width:4px;height:24px;background:var(--akcent)}
.archiwum-grupa ul{list-style:none;margin:0;padding:0}
.archiwum-grupa a{display:block;min-height:44px;padding-block:8px;text-decoration:none}
.archiwum-grupa a:hover{text-decoration:underline;color:var(--akcent)}
.archiwum-dalej{padding-top:24px;border-top:1px solid var(--linia)}

/* Okruchy oraz kolofon. */
.okruchy{margin-block:24px;color:var(--t2);font-size:14px;line-height:21px}
.okruchy ol{display:flex;flex-wrap:nowrap;align-items:center;list-style:none;margin:0;padding:0}
.okruchy li{display:flex;align-items:center;flex:0 1 auto;min-width:0}
.okruchy li:last-child{flex:1 1 0}
.okruchy li+li::before{content:"/";margin-inline:10px;flex:none;color:var(--t2)}
.okruchy a{display:block;padding-block:6px;text-decoration:none}
.okruchy a:hover{text-decoration:underline;color:var(--akcent)}
.okruchy li:last-child span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.stop{padding-block:64px;background:var(--stopka);color:var(--stopka-tekst)}
.stop-siatka{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;border-top:1px solid var(--dodatek);padding-top:32px}
.stop a{color:var(--stopka-tekst)}
.stop :focus-visible{outline-color:var(--stopka-tekst)}
.marka-jasna .marka-tekst>span{color:var(--stopka-tekst)}
.stop-opis>.marka{margin-bottom:24px}
.stop-opis p{max-width:610px;font-size:17px;line-height:28px}
.stop-uwaga{padding-top:4px}
.stop-rok{display:block;margin-top:28px;font-size:12px;line-height:18px}
.stop-dok h2{font-size:25px;line-height:32px;margin-bottom:16px}
.stop-dok ul{list-style:none;margin:0;padding:0}
.stop-dok a{display:block;min-height:44px;padding-block:8px;font-size:16px;line-height:26px;text-decoration:none}
.stop-dok a:hover{text-decoration:underline}
.stop-reszta{margin-top:16px;border-top:1px solid color-mix(in srgb,var(--stopka-tekst) 30%,transparent);padding-top:8px}
.stop-reszta summary{padding-block:10px;min-height:44px;font-size:16px;line-height:24px}

/* Artykul z plynacym marginesem. Bez paneli przyklejonych do ekranu. */
.artykul{--dzial:var(--akcent);padding-bottom:96px}
.artykul.temat-cukrzyca{--dzial:var(--dz-cukrzyca)}
.artykul.temat-leczenie{--dzial:var(--dz-leczenie)}
.artykul.temat-dieta{--dzial:var(--dz-dieta)}
.artykul.temat-objawy{--dzial:var(--dz-objawy)}
.artykul.temat-publikacje{--dzial:var(--dz-publikacje)}
.artykul.temat-badania{--dzial:var(--dz-badania)}
.artykul.temat-edukacja{--dzial:var(--dz-edukacja)}
.art-nag,.art-rozdzial,.dokument-nag{display:grid;grid-template-columns:minmax(0,752px) minmax(0,300px);column-gap:64px;row-gap:32px}
.art-tytul{grid-column:1;grid-row:1}
.art-tytul h1{margin-top:20px}
.art-dzial{display:inline-flex;align-items:center;gap:8px;min-height:36px;border-bottom:3px solid var(--dzial);font-size:16px;line-height:24px;text-decoration:none}
.art-dzial:hover{color:var(--akcent)}
.art-dzial>span{width:24px;height:24px;flex:none}
.art-dzial svg{display:block;width:24px;height:24px}
.art-metryczka{grid-column:2;grid-row:1;align-self:start;padding-top:12px}
.art-rys{max-width:160px}
.art-rys svg{display:block;width:100%;height:auto;max-height:140px}
.art-rys-poradnik{max-width:120px}
.art-dane{margin:24px 0 0;font-size:14px;line-height:21px}
.art-dane>div{margin-bottom:16px}
.art-dane dt{color:var(--t2)}
.art-dane dd{margin:4px 0 0}
.art-dane time{font-variant-numeric:tabular-nums}
.art-dane:empty{display:none}
.art-lead{grid-column:1;grid-row:2;font-size:22px;line-height:34px}
.art-lead::after{content:"";display:block;width:80px;height:1px;background:var(--dodatek);margin-top:32px}
.art-spis{grid-column:2;grid-row:2;align-self:start;border-top:1px solid var(--linia)}
.art-spis summary{min-height:44px;padding-block:12px;font-size:16px;line-height:24px;font-weight:600}
.art-spis .kreski{font-size:15px;line-height:24px;margin:12px 0 0}
.art-spis .kreski li{margin-bottom:12px}
.art-kolumna{width:calc(100% - 364px);max-width:752px}
.art-foto{margin-block:32px 40px}
.art-obraz{display:block;width:100%;height:auto}
.art-foto figure{margin:0}
.art-foto figcaption{margin-top:12px;font-size:14px;line-height:21px;color:var(--t2)}
.art-tresc{margin-top:40px}
.art-rozdzial{margin-top:56px;scroll-margin-top:24px}
.art-rozdzial:first-child{margin-top:0}
.art-rozdzial-tekst{grid-column:1}
.art-rozdzial-tekst>h2{margin-bottom:24px}
.art-znacznik{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;align-self:start;gap:12px;padding-top:8px;color:var(--akcent)}
.art-znacznik-nr{font:500 24px/32px var(--szeryf)}
.art-znacznik-ik{display:block;width:24px;height:24px}
.art-znacznik-ik svg{display:block;width:24px;height:24px}
.art-znacznik-linia{display:block;flex:0 0 100%;height:4px;background:linear-gradient(to right,var(--dzial) 0 64px,transparent 64px)}
.art-wprowadzenie{margin-top:0}
.art-html{min-width:0}
.art-html>*:first-child{margin-top:0}
.art-html>*:last-child{margin-bottom:0}
.art-html p{margin-bottom:24px}
.art-html h3{margin:36px 0 20px}
.art-html h4{margin:28px 0 16px}
.art-html ul,.art-html ol{padding-left:26px;margin:24px 0}
.art-html li{padding-left:4px;margin-bottom:12px}
.art-html li::marker{color:var(--akcent)}
.art-html img{display:block;max-width:100%;height:auto}
.art-html figure{margin-block:32px}
.art-html figcaption{margin-top:12px;color:var(--t2);font-size:14px;line-height:21px}
.art-html pre{max-width:100%;overflow-x:auto;padding:16px;background:var(--pow);font-size:16px;line-height:26px}
.art-html a{color:var(--akcent)}
.art-html .tw{max-width:100%;overflow-x:auto;margin:28px 0;border:1px solid var(--linia);scrollbar-width:thin;scrollbar-color:var(--akcent) var(--tlo)}
.art-html table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:28px 0;font-size:16px;line-height:26px;background:var(--pow)}
.art-html .tw table{display:table;width:100%;max-width:none;margin:0;overflow:visible}
.art-html th,.art-html td{min-width:120px;padding:12px 16px;border:1px solid var(--linia);text-align:left;vertical-align:top;overflow-wrap:normal}
.art-html th{background:var(--tlo);color:var(--tekst);font-weight:600}
.art-html caption{padding:12px 16px;text-align:left;font-size:14px;line-height:21px}
.art-html .tw::after{content:"↔";display:block;position:sticky;left:0;width:100%;padding:2px 12px;background:var(--tlo);color:var(--akcent);font-size:16px;line-height:24px;text-align:right}
.art-html blockquote{margin:32px 0;padding:0 0 0 24px;border-left:2px solid var(--dodatek);font:400 28px/39px var(--szeryf)}
.art-html blockquote p{margin-bottom:20px}
.art-html blockquote cite,.art-html blockquote .autor,.art-html .autor{display:block;margin-top:16px;color:var(--t2);font:400 14px/21px var(--sans)}
.art-html .ramka,.art-html .nota,.art-html .wyroznienie{background:var(--tlo);border-left:4px solid var(--dzial);padding:24px;margin-block:28px}
.art-html details{border-top:1px solid var(--linia);padding-inline:16px;background:var(--pow)}
.art-html details:last-child{border-bottom:1px solid var(--linia)}
.art-html summary{min-height:56px;padding:14px 0;font-size:20px;line-height:28px;font-weight:500}
.art-html details[open]{padding-bottom:20px}
.art-html details[open]>summary{margin-bottom:8px}
.art-faq .art-rozdzial-tekst{padding-top:24px;border-top:4px solid var(--dzial)}
.art-faq details{background:color-mix(in srgb,var(--tlo) 65%,var(--pow))}
.art-nota{margin-top:32px;padding:20px 24px;border-left:4px solid var(--dzial);background:var(--pow);font-size:14px;line-height:23px}
.art-pokrewne{margin-top:64px}
.art-pokrewne h2{margin-bottom:20px}
.art-pokrewne .pozycja{border-bottom:1px solid var(--linia);padding-block:28px}
.art-nawigacja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--linia)}
.art-nawigacja a{display:block;min-height:44px;text-decoration:none}
.art-nawigacja a:hover strong{text-decoration:underline;color:var(--akcent)}
.art-nawigacja span{display:block;margin-bottom:8px;color:var(--t2);font-size:14px;line-height:21px}
.art-nawigacja strong{display:block;font:500 22px/30px var(--szeryf)}
.art-nastepny{grid-column:2}
.dokument-nag{align-items:start}
.dokument-nag .art-lead{margin-top:24px}
.dokument-rys{max-width:160px}
.dokument-rys svg{display:block;width:100%;height:auto}
.dokument-etykieta{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--t2)}
.dokument-etykieta::before{content:"";width:24px;height:1px;background:var(--dodatek);flex:none}
.dokument-aktualizacja{margin-top:24px}

/* Dzial i stronicowanie. */
.dzial-strona{background:var(--tlo)}
.dzial-nag{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:64px;padding-block:24px 64px}
.dzial-lead{margin-top:24px;font-size:22px;line-height:34px;color:var(--t2)}
.dzial-rys{align-self:center;padding:24px;border:2px solid var(--akcent);border-radius:40px;background:var(--pow)}
.dzial-rys svg{display:block;width:100%;max-width:260px;height:auto;margin-inline:auto}
.dzial-mapa ul{display:flex;gap:4px;list-style:none;padding:0;margin:0 0 24px}
.dzial-mapa li{flex:1;min-width:0}
.dzial-mapa a{display:flex;align-items:center;min-height:44px}
.dzial-mapa-kreska{display:block;width:100%;height:5px;background:var(--dzial)}
.dzial-mapa-aktywna .dzial-mapa-kreska{height:10px;outline:1px solid var(--akcent);outline-offset:3px}
.dzial-indeks{background:var(--pow)}
.dzial-lista{max-width:900px}
.dzial-lista .pozycja{padding-block:32px;border-bottom:1px solid var(--linia)}
.dzial-lista .pozycja:nth-child(3n){margin-bottom:16px}
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:900px;margin-top:48px;padding-top:24px;border-top:1px solid var(--linia);font-size:16px;line-height:24px}
.pager-kierunek a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.pager-numery{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.pager-numery a,.pager-biezaca{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;text-decoration:none}
.pager-numery a:hover{background:var(--tlo);color:var(--akcent)}
.pager-biezaca{font-weight:600;border-bottom:4px solid var(--dzial);background:var(--tlo)}
.pager-przerwa{display:block;padding:8px}
.dzial-pokrewne{margin-top:40px}
.dzial-pokrewne ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:0}
.blad-nag{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:64px}
.blad-nag .przycisk{margin-top:28px}
.blad-rys{max-width:180px;align-self:center}
.blad-rys svg{display:block;width:100%;height:auto}
.blad-tematy{padding-bottom:48px}
.blad-tematy ul{display:flex;flex-wrap:wrap;gap:16px 32px;list-style:none;margin:0;padding:0}
.blad-tematy a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.blad-tematy a>span{display:block;width:24px;height:24px}
.blad-tematy svg{width:24px;height:24px}

/* Margines atlasu: otwarcie ma niezalezny rytm, spis towarzyszy tresci. */
.art-atlas .art-otwarcie .art-lead{margin-top:28px}
.art-atlas .art-dzial{position:relative;padding-left:18px}
.art-atlas .art-dzial::before{content:"";position:absolute;left:0;top:2px;width:5px;height:30px;background:var(--dzial);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}
.art-spis-margines{grid-column:2;grid-row:1;align-self:start;margin:0;padding-top:12px;border-top:4px solid var(--dzial)}
.art-spis-margines summary{display:flex;align-items:center;gap:12px;list-style:none}
.art-spis-margines summary::-webkit-details-marker{display:none}
.art-spis-margines summary::before{content:"+";display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid var(--linia);border-radius:50%;font-size:18px;font-weight:400}
.art-spis-margines[open] summary::before{content:"−"}
.art-spis-margines .spis-linki{padding-bottom:20px}
.art-spis-margines .kreski a{display:block;padding-block:4px}
.art-atlas .art-rozdzial-tekst{grid-row:1}
.art-atlas .art-znacznik{grid-row:1}
@media(min-width:861px){
.art-atlas .art-nag{align-items:start;row-gap:0}
.art-atlas .art-otwarcie{grid-column:1;grid-row:1}
.art-atlas .art-metryczka{padding:0 0 24px 24px;border-left:1px solid var(--linia)}
.art-atlas .art-rys{width:240px;max-width:100%;margin:0 0 20px}
.art-atlas .art-rys svg{width:100%;height:auto;max-height:none}
.art-atlas .art-dane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin:0}
.art-atlas .art-dane>div{margin:0}
.art-atlas .art-dane>div:first-child{grid-column:1 / -1}
.art-atlas .art-tresc{margin-top:48px}
.art-atlas .art-znacznik{gap:16px;padding:8px 0 20px 24px;border-left:1px solid var(--linia)}
.art-atlas .art-znacznik-nr{font-size:36px;line-height:44px}
.art-atlas .art-znacznik-ik{width:72px;height:58px}
.art-atlas .art-znacznik-ik svg{width:72px;height:58px}
.art-atlas .art-znacznik-linia{flex-basis:112px;height:6px;background:var(--dzial);clip-path:polygon(0 0,100% 0,100% 100%,94% 65%,0 100%)}
}
@media(max-width:860px){
.art-atlas .art-otwarcie{width:100%}
.art-atlas .art-metryczka{grid-template-columns:140px minmax(0,1fr);align-items:start}
.art-atlas .art-rys{width:140px;max-width:100%}
.art-atlas .art-rys svg{max-height:none}
.art-atlas .art-rozdzial>.art-spis-margines{order:-2;margin-bottom:20px}
.art-spis-margines summary{min-height:56px}
}
@media(max-width:560px){
.art-atlas .art-metryczka{grid-template-columns:120px minmax(0,1fr);gap:20px}
.art-atlas .art-rys{width:120px}
.art-atlas .art-otwarcie .art-lead{margin-top:24px}
}

@media(max-width:1200px){
.art-nag,.art-rozdzial,.dokument-nag{grid-template-columns:minmax(0,1fr) 260px;column-gap:40px}
.art-kolumna{width:calc(100% - 300px)}
}
@media(max-width:1080px){
.w{width:calc(100% - 64px)}
.otwarcie h1{font-size:64px;line-height:70px}
.menu-lista{gap:16px}
.nag-gora{gap:24px}
.nag-opis{max-width:260px}
.tematy-siatka{gap:48px 32px}
.kolumna:not(:nth-child(3n+1))::before{left:-16px}
.kolumna-gora{gap:10px}
.kolumna h3{font-size:26px;line-height:32px}
.nowe-siatka{gap:32px}
.publikacje-siatka{gap:32px}
.publikacje-nag{padding-left:0}
.publikacje-ik{position:static;display:block;margin-bottom:20px}
.stop-siatka{gap:40px}
.dzial-nag{gap:40px}
.legenda>li{padding-inline:4px}
.legenda a{gap:6px;font-size:15px}
}
@media(max-width:860px){
.menu{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--linia) var(--pow)}
.menu-lista{justify-content:flex-start;gap:28px;width:max-content;min-width:calc(100% - 64px);max-width:none;padding-inline:32px;margin:0}
.menu a{padding-inline:3px}
.nag-opis{display:none}
.otwarcie h1{font-size:56px;line-height:62px}
.otwarcie{padding-top:48px}
.tematy-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px}
.kolumna:not(:nth-child(3n+1))::before{display:none}
.kolumna:nth-child(even)::before{content:"";display:block;position:absolute;top:24px;bottom:28px;left:-20px;width:1px;background:var(--linia)}
.przyrzad{padding:32px 28px 24px;border-radius:44px}
.legenda>li{flex-basis:33.333%;max-width:33.333%}
.nowe-siatka{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
.nowe-nag h2{font-size:34px;line-height:40px}
.publikacje-siatka{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.publikacje-lista{padding-left:28px}
.art-nag{display:flex;flex-direction:column;gap:24px}
.art-tytul h1,.dokument-nag h1,.dzial-nag h1,.blad-nag h1{font-size:44px;line-height:50px}
.art-metryczka{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;padding-top:0;width:100%}
.art-rys{max-width:100px}
.art-dane{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}
.art-dane>div{margin:0}
.art-lead{font-size:21px;line-height:32px}
.art-spis{width:100%}
.art-spis summary{min-height:56px}
.art-spis .kreski{margin-bottom:12px}
.art-kolumna{width:100%;max-width:none}
.art-rozdzial{display:flex;flex-direction:column;gap:12px}
.art-znacznik{order:-1;padding:0;gap:10px}
.art-znacznik-nr{font-size:16px;line-height:24px}
.art-znacznik-ik,.art-znacznik-ik svg{width:20px;height:20px}
.art-znacznik-linia{flex:0 0 40px;width:40px;background:var(--dzial)}
.dokument-nag{grid-template-columns:minmax(0,1fr) 100px;gap:24px}
.dokument-rys{max-width:100px}
.dzial-nag{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
.dzial-rys{padding:16px;border-radius:28px}
.stop-siatka{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px}
.archiwum-grupa{grid-template-columns:160px minmax(0,1fr);gap:24px}
}
@media(max-width:560px){
body{font-size:17px;line-height:28px}
.w{width:calc(100% - 32px)}
.pas{padding-block:56px}
h1{font-size:36px;line-height:41px}
h2{font-size:30px;line-height:36px}
h3{font-size:25px;line-height:31px}
.nag-gora{min-height:80px;padding-block:12px}
.marka{gap:10px}
.marka-znak{flex-basis:42px;width:42px}
.marka-znak svg{width:42px;height:42px}
.marka-tekst strong{font-size:20px;line-height:24px}
.marka-tekst>span{font-size:12px;line-height:18px;letter-spacing:.02em}
.menu-lista{min-width:100%;padding-inline:16px;gap:26px}
.menu a{font-size:16px}
.otwarcie{padding-block:36px 56px}
.otwarcie-tekst{text-align:left}
.otwarcie-etykieta{justify-content:flex-start;gap:10px;margin-bottom:16px}
.otwarcie-etykieta::before{width:20px}
.otwarcie h1{font-size:43px;line-height:47px}
.otwarcie-lead{font-size:19px;line-height:30px;margin-top:24px}
.przyciski{justify-content:flex-start;gap:12px;margin-top:24px}
.przyciski .przycisk{width:100%}
.mapa{margin-top:48px}
.przyrzad{border-radius:40px;padding:26px 24px 20px;box-shadow:0 8px 0 color-mix(in srgb,var(--linia) 65%,var(--tlo))}
.przyrzad::before,.przyrzad::after{top:18px;width:12px}
.przyrzad::before{left:26px}
.przyrzad::after{right:26px}
.przyrzad-ekran{min-height:112px;padding:16px 12px;border-radius:22px}
.przyrzad-ekran .etykieta{font-size:12px;line-height:18px;letter-spacing:.06em}
.przyrzad-napis{font-size:28px;line-height:34px}
.podzialka{margin-block:24px 14px}
.legenda{display:block}
.legenda>li{max-width:none;width:100%;padding:0;border-bottom:1px solid var(--linia)}
.legenda>li:last-child{border-bottom:0}
.legenda a{justify-content:flex-start;gap:12px;min-height:44px;padding-block:8px;font-size:16px;line-height:24px}
.legenda-ik,.legenda-ik svg{width:22px;height:22px}
.legenda-kreska{margin-left:auto;width:22px}
.mapa figcaption{text-align:left;font-size:14px;line-height:21px;margin-top:24px}
.tematy h2{margin-bottom:32px}
.tematy-siatka{grid-template-columns:minmax(0,1fr);gap:40px}
.kolumna{padding-top:24px}
.kolumna:nth-child(even)::before{display:none}
.kolumna-gora{gap:16px}
.kolumna h3{font-size:25px;line-height:31px}
.kolumna .kreski{font-size:17px;line-height:28px}
.nowe-siatka{grid-template-columns:minmax(0,1fr);gap:28px}
.nowe-nag{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0}
.nowe-nag h2{font-size:30px;line-height:36px}
.nowe-rys{width:80px;flex:none;margin:0}
.nowe-rys svg{width:80px;height:64px}
.pozycja{padding:28px 0 28px 20px}
.pozycja-tytul{font-size:24px;line-height:30px}
.pozycja-dzial{font-size:14px;line-height:21px}
.pozycja-lead{font-size:17px;line-height:28px}
.nowe-lista .pozycja{padding-block:28px}
.pytania-nag{align-items:flex-start;gap:16px}
.pytania-rys{width:42px}
.pytania-wstep{font-size:17px;line-height:28px}
.pytanie summary{min-height:56px;gap:16px;font-size:20px;line-height:28px}
.pytanie-tresc{padding-right:0}
.publikacje-siatka{grid-template-columns:minmax(0,1fr);gap:24px}
.publikacje-nag{min-height:0}
.publikacje-ik{width:72px;height:72px;margin-bottom:16px}
.publikacje-lista{border-left:0;border-top:1px solid var(--linia);padding:24px 0 0}
.publikacje-lista h3{font-size:24px;line-height:30px}
.glosy-nag{margin-bottom:28px}
.cytat{padding-left:20px;margin-block:28px}
.cytat blockquote{font-size:25px;line-height:35px}
.archiwum h2{margin-bottom:28px}
.archiwum-grupa{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:24px}
.archiwum-grupa h3{font-size:24px;line-height:30px}
.okruchy{margin-block:20px 24px;font-size:12px;line-height:18px}
.okruchy li+li::before{margin-inline:7px}
.okruchy li:not(:last-child){flex-shrink:0}
.okruchy li:not(:last-child) a{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stop{padding-block:48px}
.stop-siatka{grid-template-columns:minmax(0,1fr);gap:32px}
.stop-opis p{font-size:17px;line-height:28px}
.artykul{padding-bottom:56px}
.art-tytul h1,.dokument-nag h1,.dzial-nag h1,.blad-nag h1{font-size:36px;line-height:41px}
.art-tytul h1{margin-top:16px}
.art-metryczka{grid-template-columns:80px minmax(0,1fr);gap:16px}
.art-rys,.art-rys-poradnik{max-width:80px}
.art-dane{display:block}
.art-dane>div{margin-bottom:12px}
.art-dane>div:last-child{margin-bottom:0}
.art-lead,.dzial-lead{font-size:19px;line-height:30px}
.art-lead::after{margin-top:28px}
.art-spis .kreski{font-size:16px;line-height:26px}
.art-tresc{margin-top:32px}
.art-rozdzial{margin-top:40px;gap:12px}
.art-rozdzial-tekst>h2{font-size:30px;line-height:36px;margin-bottom:20px}
.art-html h3{font-size:25px;line-height:31px;margin-top:32px}
.art-html h4{font-size:22px;line-height:29px}
.art-html p{margin-bottom:20px}
.art-html ul,.art-html ol{padding-left:22px}
.art-html th,.art-html td{padding:12px;min-width:112px}
.art-html blockquote{font-size:25px;line-height:35px;padding-left:20px}
.art-html .ramka,.art-html .nota,.art-html .wyroznienie{padding:20px}
.art-html details{padding-inline:12px}
.art-pokrewne{margin-top:48px}
.art-pokrewne h2{font-size:30px;line-height:36px}
.art-nawigacja{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:40px}
.art-nastepny{grid-column:auto}
.dokument-nag,.dzial-nag,.blad-nag{grid-template-columns:minmax(0,1fr);gap:24px}
.dokument-rys{max-width:80px}
.dzial-nag{padding-top:12px;padding-bottom:40px}
.dzial-rys{min-height:140px;padding:16px;border-radius:28px}
.dzial-rys svg{max-height:140px;width:100%;max-width:220px}
.dzial-lista .pozycja{padding-block:28px}
.pager{gap:12px;margin-top:32px}
.pager-kierunek{flex:1 1 40%}
.pager-nastepna{text-align:right}
.pager-numery{order:3;flex-basis:100%;gap:6px}
.blad-rys{max-width:100px}
.blad-tematy ul{gap:12px 24px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.pozycja:hover .pozycja-zak{height:36px}
}