@font-face { font-family: 'Onest'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/onest/gNMKW3F-SZuj7xmR-HY6EQ.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: 'Onest'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/onest/gNMKW3F-SZuj7xmf-HY.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: 'Onest'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/onest/gNMKW3F-SZuj7xmR-HY6EQ.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: 'Onest'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/onest/gNMKW3F-SZuj7xmf-HY.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: 'Onest'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/onest/gNMKW3F-SZuj7xmR-HY6EQ.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: 'Onest'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/onest/gNMKW3F-SZuj7xmf-HY.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: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpT59CjCQ.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: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpd59A.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: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpT59CjCQ.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: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpd59A.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: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpT59CjCQ.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: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpd59A.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: 'Hanken Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpT59CjCQ.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: 'Hanken Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpd59A.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:#211827;--pow:#31233b;--tekst:#fff8ff;--t2:#d7c9df;--akcent:#d2a6ff;--akcent-tekst:#24132f;--akcent-jasny:#f4edf9;--akcent-cien:#412457;--linia:#75647f;--stopka:#19121f;--stopka-tekst:#eee0f5;--dodatek:#f0b6a6;--f-n:"Onest", Arial, sans-serif;--f-t:"Hanken Grotesk", sans-serif;--p-line:#75647f;--p-surface:#31233b;--r:22px}
/* Otwórz temat: wspólne etui, miękkie kieszenie i redakcyjne metki.
   Tokeny i kroje dostarcza silnik. Wagi działów służą tylko geometrii.
   Mapa CSS stosuje modułowy podział ważony, nie algorytm squarified treemap. */
*,*::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.65 var(--f-t),Arial,sans-serif}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1.5px}
a:hover{text-decoration:underline}
img,svg{max-width:100%;height:auto}
svg{display:block}
button,summary,a{-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4{margin:0;font-family:var(--f-n),Arial,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}
h1{font-size:60px;line-height:1.06}
h2{font-size:44px}
h3{font-size:28px;line-height:1.2}
p{margin:0 0 24px}
figure{margin:0}
:focus-visible{outline:3px solid var(--akcent-tekst);outline-offset:5px;box-shadow:0 0 0 5px var(--tekst);border-radius:5px}
::selection{background:var(--akcent);color:var(--akcent-tekst)}
.rama{width:calc(100% - 64px);max-width:1200px;margin-inline:auto;min-width:0}
.sekcja{padding-block:96px}
.jasna{background:var(--akcent-jasny);color:var(--akcent-tekst)}
.sekcja-nag{max-width:760px;margin-bottom:40px}
.sekcja-nag p{margin:16px 0 0;color:var(--t2);font-size:20px;max-width:620px}
.jasna .sekcja-nag p{color:var(--akcent-tekst)}
.skok{position:absolute;left:16px;top:12px;z-index:20;padding:12px 20px;background:var(--akcent);color:var(--akcent-tekst);border-radius:12px;font-weight:700;transform:translateY(-180%)}
.skok:focus{transform:none}
.tylko-czytnik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}
[id]{scroll-margin-top:24px}

/* Kolory materiałowych przegródek. */
[class*="barwa-"]{--dz:var(--kd,var(--akcent))}
.barwa-sztuka-kochania{--dz:#edb0ca}
.barwa-lgbtqa{--dz:#c3b0ff}
.barwa-parafilie{--dz:#ddb0e5}
.barwa-zdrowie{--dz:#a9dacb}
.barwa-seksualnosc{--dz:#e9b8f2}
.barwa-randki{--dz:#f1b59f}
.barwa-porady{--dz:#edcd95}
.barwa-antykoncepcja{--dz:#a9cadf}
.barwa-pozycje-seksualne{--dz:#d4b6f0}
.barwa-zwiazki{--dz:#efb4b8}
.barwa-choroby{--dz:#b4cdd5}
.barwa-tabletki-antykoncepcyjne{--dz:#b7c0f1}
.barwa-definicje{--dz:#ddd095}
.barwa-edukacja-seksualna{--dz:#b8d6ad}
.barwa-fetysze{--dz:#d3b0d1}
.barwa-gadzety-erotyczne{--dz:#c2b4e9}
.barwa-pierwszy-raz{--dz:#f0c3ae}
.barwa-orientacja-seksualna{--dz:#bcbcf4}
.barwa-prezerwatywy{--dz:#a6d6cf}
.barwa-wspolzycie{--dz:#e6b7cc}
.barwa-zazdrosc{--dz:#cfce9d}
.barwa-zdrada{--dz:#c9b6d4}
.barwa-seksturystyka{--dz:#a9d2df}
.barwa-masturbacja{--dz:#e0b5df}
.barwa-striptiz{--dz:#efbaa7}
.metka{display:inline-block;flex:none;width:10px;height:19px;border-radius:3px 3px 6px 2px;background:var(--dz,var(--akcent));transform:rotate(-5deg)}

/* Dwa spokojne pasy nagłówka. Przewija się wyłącznie menu. */
.nag{background:var(--tlo);position:relative;z-index:2}
.nag-pas{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:800 28px/1 var(--f-n),Arial,sans-serif;letter-spacing:-.045em;min-width:0}
.logo:hover{text-decoration:none}
.logo-znak{display:block;width:42px;flex:none}
.logo-znak svg{width:100%;height:36px;object-fit:contain}
.nag-tematy{font-size:16px;font-weight:600;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:6px}
.nag-tematy>span:last-child{font-size:26px;color:var(--akcent)}
.nag-krotki{display:none}
.menu{border-block:1px solid var(--linia);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--akcent) var(--pow)}
.menu::-webkit-scrollbar{height:7px}
.menu::-webkit-scrollbar-track{background:var(--pow)}
.menu::-webkit-scrollbar-thumb{background:var(--akcent);border:2px solid var(--pow);border-radius:8px}
.menu-lista{display:flex;flex-wrap:nowrap;align-items:center;gap:28px;list-style:none;padding:0;min-height:52px}
.menu-lista li{flex:none}
.menu-lista li:last-child{padding-right:32px}
.menu a{display:flex;align-items:center;gap:9px;min-height:51px;white-space:nowrap;text-decoration:none;font-size:15px;font-weight:600}
.menu a:hover,.menu a.menu-aktywny{color:var(--akcent);text-decoration:underline;text-underline-offset:7px}

/* Lustrzane skrzydła w oddzielnej warstwie, nigdy nad tekstem. */
.otwarcie{position:relative;isolation:isolate;padding:88px 0 100px}
.otwarcie-plamy{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.plama{position:absolute;width:54%;height:80%;top:10%;border-radius:44% 56% 35% 60%;background:var(--pow)}
.plama-lewa{left:-28%;background:color-mix(in srgb,var(--akcent) 23%,var(--tlo));transform:rotate(-17deg)}
.plama-prawa{right:-29%;transform:rotate(17deg);border-radius:60% 35% 54% 44%}
.plama::after{content:"";position:absolute;inset:22px;border:1px dashed var(--linia);border-radius:inherit;opacity:.65}
.otwarcie-srodek{text-align:center;position:relative}
.pigulka{display:inline-block;padding:7px 19px;margin:0 0 28px;border:1px solid var(--linia);border-radius:999px;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:.04em;background:var(--pow)}
.otwarcie h1{max-width:980px;margin-inline:auto;font-size:88px;line-height:.98;font-weight:800;letter-spacing:-.045em}
.otwarcie h1 span{display:block;color:var(--akcent)}
.otwarcie-opis{max-width:600px;margin:28px auto 24px;font-size:23px;line-height:1.48;color:var(--t2)}
.otwarcie-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:17px;font-weight:600;text-decoration:none}
.otwarcie-link span{font-size:30px;color:var(--akcent);transition:transform .18s ease}
.otwarcie-link:hover span{transform:translate(3px,3px)}

/* Wkładka ważnej chwili. */
.chwila{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:48px;padding:36px 56px 44px;background:var(--akcent-jasny);color:var(--akcent-tekst);border-radius:32px 32px 42px 28px;box-shadow:0 7px 0 color-mix(in srgb,var(--akcent) 22%,var(--pow))}
.chwila>*{min-width:0}
.chwila-rys svg{width:100%;filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--akcent-tekst) 12%,transparent))}
.nadtytul{font-size:14px;font-weight:700;letter-spacing:.06em;margin:0 0 12px}
.chwila h2{margin-bottom:20px}
.chwila-link{display:block;max-width:740px;font-size:23px;line-height:1.4;font-weight:600;text-decoration:none}
.chwila-link:hover{text-decoration:underline}
.chwila-link span{display:inline-block;margin-left:8px;font-size:28px}
.chwila .sponsor{margin:0 0 12px}

/* Jedna wspólna oprawa. Rząd modułów rośnie z rzeczywistej wagi.
   Minimalne przedziały nie otrzymują sztucznie powiększonych etykiet. */
.etui{position:relative;isolation:isolate;max-width:1080px;margin:56px auto 40px;padding:42px 38px 46px;border:2px solid var(--linia);border-radius:48px;background:var(--pow);box-shadow:inset 0 0 0 8px var(--tlo),0 12px 0 var(--stopka)}
.etui::before{content:"";position:absolute;inset:16px;border:1px dashed var(--t2);border-radius:34px;opacity:.65;pointer-events:none;z-index:2}
.etui::after{content:"";position:absolute;top:22px;bottom:22px;left:50%;width:8px;transform:translateX(-50%);border-inline:1px solid var(--linia);background:var(--tlo);z-index:-1}
.etui-oprawa{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}
.etui-oprawa svg{width:100%;height:100%}
.etui-oprawa-pion{display:none}
.etui-suwak{position:absolute;top:-12px;left:46%;width:68px;height:22px;background:var(--akcent);border:3px solid var(--akcent-tekst);border-radius:9px;transform:rotate(-4deg);z-index:3}
.etui-suwak::after{content:"";position:absolute;right:9px;top:4px;width:17px;height:5px;border-radius:4px;background:var(--akcent-tekst)}
.etui-petelka{position:absolute;right:-15px;top:47%;width:22px;height:60px;border:7px solid var(--dodatek);border-left:0;border-radius:0 14px 14px 0;z-index:-1}
.etui-pola{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:6px;grid-auto-flow:row dense;min-width:0}
.etui-pole{grid-row:span var(--waga,12);min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--dz);color:var(--akcent-tekst);border:5px solid var(--pow);border-radius:26px;padding:14px;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--akcent-tekst) 25%,transparent)}
.etui-pole::after{content:"";position:absolute;inset:7px;border:1px dashed color-mix(in srgb,var(--akcent-tekst) 38%,transparent);border-radius:15px;pointer-events:none}
.etui-przedmiot{display:flex;justify-content:center;align-items:center;width:min(72%,132px);max-height:65%;flex:0 1 auto;min-height:0;transform:rotate(-4deg)}
.etui-przedmiot svg{width:100%;height:100%;max-height:160px;object-fit:contain}
.etui-pole:nth-child(3n) .etui-przedmiot{transform:rotate(5deg)}
.etui-nazwa{position:relative;display:block;text-align:center;width:100%;font:700 20px/1.2 var(--f-n),Arial,sans-serif;letter-spacing:-.025em;padding:16px 5px 6px;overflow-wrap:anywhere;flex:none}
.pole-skala-1{padding:2px 10px;border-radius:14px}
.pole-skala-1 .etui-przedmiot{width:32px;max-height:85%}
.pole-skala-2{padding:8px}
.pole-skala-2 .etui-przedmiot{width:56px;max-height:80%}
.pole-skala-3 .etui-przedmiot{width:88px}
.wybor{margin-top:48px}
.wybor ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;list-style:none;margin:0;padding:0}
.wybor li{min-width:0;border-bottom:1px solid var(--linia)}
.wybor a{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 0;text-decoration:none;font-size:16px;font-weight:600}
.wybor a>span:last-child{margin-left:auto;color:var(--akcent)}
.wybor a:hover{text-decoration:underline}
.szuflada{margin-top:32px;border:1px solid var(--linia);border-radius:12px 12px 24px 24px;background:var(--pow)}
.szuflada-instrukcja{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;margin:0;color:var(--t2)}
.szuflada-instrukcja span{color:var(--akcent);font-size:30px}
.kieszen{display:none;padding:32px;border-top:10px solid var(--dz);border-radius:12px 12px 24px 24px;scroll-margin-top:24px}
.kieszen:first-child,.kieszen:target{display:block}
.szuflada:has(.kieszen:target) .kieszen:first-child:not(:target){display:none}
.szuflada:has(.kieszen) .szuflada-instrukcja{display:none}
.kieszen:target{outline-offset:6px}
.kieszen-nag{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:16px}
.kieszen-nag h3{font-size:32px}
.kieszen-zamknij{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--t2)}
.kieszen-linki{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:24px;font-size:16px;font-weight:600}
.uchwyt{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 20px;border:1px solid currentColor;border-radius:9px 9px 17px 17px;text-decoration:none;font-size:16px;font-weight:600;line-height:1.4}
.uchwyt:hover{text-decoration:underline}
.tematy-archiwum{display:inline-flex;gap:12px;align-items:center;min-height:48px;margin-top:24px;font-size:16px;color:var(--t2)}

/* Materiały są wierszami jednej powierzchni, a nie zestawem kafelków. */
.nowe{position:relative;border-radius:48px 48px 0 0}
.lista-red{min-width:0}
.wpis-metka{display:flex;align-items:flex-start;gap:24px;position:relative;min-width:0;padding:28px 0;border-bottom:1px solid var(--linia)}
.metka-rys{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:54px;padding:5px 2px 10px;border-radius:8px 8px 17px 4px;background:var(--dz,var(--akcent));color:var(--akcent-tekst)}
.metka-rys svg{width:40px;height:40px;object-fit:contain}
.metka-tresc{flex:1;min-width:0}
.metka-dzial{display:inline-block;margin-bottom:9px;font-size:14px;font-weight:600;text-decoration:none}
.metka-dzial:hover{text-decoration:underline}
.metka-tytul{font-size:26px;line-height:1.22;letter-spacing:-.025em;font-weight:600}
.metka-tytul a{text-decoration:none;overflow-wrap:anywhere}
.wpis-metka:hover .metka-tytul a{text-decoration:underline}
.metka-strzalka{flex:none;font-size:28px;line-height:1.3;transition:transform .18s ease}
.wpis-metka:hover .metka-strzalka{transform:translate(3px,-3px)}
.metryka{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;line-height:1.45;color:var(--t2);margin-top:14px}
.metryka:empty{display:none}
.jasna .metryka{color:var(--akcent-tekst)}
.sponsor{display:table;margin:0 0 12px;padding:5px 10px;border-radius:8px;background:var(--dodatek);color:var(--akcent-tekst);font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.015em}
.lista-red>.wpis-metka:first-child{padding-top:12px;padding-bottom:40px;align-items:center}
.lista-red>.wpis-metka:first-child .metka-rys{width:150px;min-height:150px;padding:12px 10px 22px;border-radius:22px 22px 40px 10px}
.lista-red>.wpis-metka:first-child .metka-rys svg{width:125px;height:125px}
.lista-red>.wpis-metka:first-child .metka-tytul{font-size:36px;line-height:1.18}
.metka-foto{display:block;flex:0 1 150px;min-width:0}
.foto-listy{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.kieszen .metka-tytul,.lista-pokrewne .metka-tytul,.lista-pokrewne>.wpis-metka:first-child .metka-tytul{font-size:22px;line-height:1.3}
.lista-pokrewne>.wpis-metka:first-child{padding:28px 0;align-items:flex-start}
.lista-pokrewne>.wpis-metka:first-child .metka-rys{width:44px;min-height:54px;padding:5px 2px 10px;border-radius:8px 8px 17px 4px}
.lista-pokrewne>.wpis-metka:first-child .metka-rys svg{width:40px;height:40px}

/* Niezależny indeks i spokojne zakończenie. */
.indeks .rama{border-top:1px dashed var(--linia);padding-top:40px}
.indeks-nag{display:flex;align-items:center;gap:20px;margin-bottom:32px}
.indeks-nag h2{font-size:36px}
.indeks-znak{width:50px;flex:none}
.indeks-lista{display:grid;grid-auto-flow:column;grid-template-rows:repeat(9,auto);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;list-style:none;padding:0;margin:0}
.indeks-lista>.barwa-antykoncepcja{order:1}
.indeks-lista>.barwa-choroby{order:2}
.indeks-lista>.barwa-definicje{order:3}
.indeks-lista>.barwa-edukacja-seksualna{order:4}
.indeks-lista>.barwa-fetysze{order:5}
.indeks-lista>.barwa-gadzety-erotyczne{order:6}
.indeks-lista>.barwa-lgbtqa{order:7}
.indeks-lista>.barwa-masturbacja{order:8}
.indeks-lista>.barwa-orientacja-seksualna{order:9}
.indeks-lista>.barwa-parafilie{order:10}
.indeks-lista>.barwa-pierwszy-raz{order:11}
.indeks-lista>.barwa-porady{order:12}
.indeks-lista>.barwa-pozycje-seksualne{order:13}
.indeks-lista>.barwa-prezerwatywy{order:14}
.indeks-lista>.barwa-randki{order:15}
.indeks-lista>.barwa-seksturystyka{order:16}
.indeks-lista>.barwa-seksualnosc{order:17}
.indeks-lista>.barwa-striptiz{order:18}
.indeks-lista>.barwa-sztuka-kochania{order:19}
.indeks-lista>.barwa-tabletki-antykoncepcyjne{order:20}
.indeks-lista>.barwa-wspolzycie{order:21}
.indeks-lista>.barwa-zazdrosc{order:22}
.indeks-lista>.barwa-zdrada{order:23}
.indeks-lista>.barwa-zdrowie{order:24}
.indeks-lista>.barwa-zwiazki{order:25}
.indeks-lista li{break-inside:avoid}
.indeks-lista a{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;text-decoration:none;font-size:16px;font-weight:500}
.indeks-lista a:hover{text-decoration:underline}
.indeks-strzalka{margin-left:auto;color:var(--akcent);font-size:20px}
.glos{background:var(--pow)}
.glos-figura{max-width:960px}
.glos blockquote{margin:0;font:600 36px/1.3 var(--f-n),Arial,sans-serif;letter-spacing:-.025em}
.glos blockquote p{margin:0}
.glos figcaption{margin-top:28px;font-size:16px}
.glos-autor{display:block;font-weight:700;margin-bottom:8px}
.glos-zrodlo{display:inline-block;color:var(--t2)}
.archiwum-uklad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:64px;align-items:start}
.archiwum-rys{display:block;width:120px;margin-top:32px}
.archiwum-miesiac{border-bottom:1px solid var(--linia)}
.archiwum-miesiac summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:16px 0;font:600 23px/1.3 var(--f-n),Arial,sans-serif;cursor:pointer;list-style:none}
.archiwum-miesiac summary::-webkit-details-marker{display:none}
.archiwum-miesiac summary span{font:400 30px/1 var(--f-t),Arial,sans-serif;color:var(--akcent);transition:transform .18s}
.archiwum-miesiac[open] summary span{transform:rotate(45deg)}
.archiwum-miesiac:not([open])>ul{display:none!important}
.archiwum-miesiac[open]>ul{display:block;position:static;visibility:visible}
.archiwum-miesiac>summary{position:relative;isolation:isolate}
.archiwum-miesiac>ul>li{position:static}
.archiwum-miesiac>ul>li>a{display:block;position:static;overflow-wrap:anywhere}
.spis-telefon:not([open])>nav{display:none!important}
.art-tresc details:not([open])>:not(summary){display:none!important}
.archiwum-miesiac ul{list-style:none;padding:0 0 24px;margin:0}
.archiwum-miesiac li{padding:12px 0;font-size:17px}
.stopa{background:var(--stopka);color:var(--stopka-tekst);padding:64px 0 32px}
.stopa-gora{display:flex;justify-content:space-between;align-items:start;gap:48px}
.stopa-opis{max-width:470px;margin:22px 0 0;font-size:16px;line-height:1.65}
.stopa-gora>.uchwyt{flex:none}
.stopa-linki{border-top:1px dashed var(--linia);margin-top:40px;padding-top:24px}
.stopa-linki ul{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;padding:0;margin:0}
.stopa-linki a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}
.stopa-linki a:hover{text-decoration:underline}

/* Okruchy: ostatnia pozycja pozostaje w swoim wierszu. */
.okruchy{padding:24px 0 0;color:var(--t2);font-size:14px;line-height:1.5;min-width:0}
.okruchy ol{display:flex;align-items:center;list-style:none;padding:0;margin:0;min-width:0}
.okruchy li{display:flex;align-items:center;flex:none;min-width:0}
.okruchy li+li::before{content:"/";margin:0 12px;color:var(--t2);flex:none}
.okruchy li:last-child{flex:0 1 auto;min-width:0}
.okruchy li:last-child span{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.okruchy a{text-decoration:none}
.okruchy a:hover{text-decoration:underline;color:var(--akcent)}

/* Otwarta kieszeń artykułu i przedmiot wyjęty z mapy. */
.art-nag{background:var(--tlo);padding:48px 0 64px}
.art-nag h1{max-width:920px}
.art-nag-uklad{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;align-items:end;position:relative;isolation:isolate;padding:48px;background:var(--pow);border:2px solid var(--linia);border-bottom:12px solid var(--dz,var(--akcent));border-radius:48px 48px 18px 18px}
.art-nag-uklad::before{content:"";position:absolute;inset:13px;z-index:-1;border:1px dashed var(--linia);border-radius:34px 34px 8px 8px;pointer-events:none}
.art-nag-uklad::after{content:"";position:absolute;right:48px;top:-12px;width:64px;height:22px;background:var(--dz,var(--akcent));border:2px solid var(--akcent-tekst);border-radius:8px;transform:rotate(-4deg);pointer-events:none}
.art-nag-tekst{position:relative;z-index:1}
.art-nag-uklad .art-przedmiot{width:200px;padding:0;align-self:end}
.art-nag-uklad .art-przedmiot::before{display:none}
.art-nag-uklad>*{min-width:0}
.art-dzial{display:inline-block;background:var(--dz,var(--akcent));color:var(--akcent-tekst);font-size:15px;font-weight:600;line-height:1.4;padding:10px 16px;border-radius:8px 8px 14px 4px;margin-bottom:24px;text-decoration:none}
.art-dzial:hover{text-decoration:underline}
.art-przedmiot{width:160px;position:relative;isolation:isolate;padding:0 8px 20px}
.art-przedmiot::before{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;background:var(--dz,var(--akcent));border-radius:26px 12px 22px 22px;z-index:-1;border-bottom:2px solid var(--linia)}
.art-przedmiot svg{width:100%;height:auto}
.art-metryka{margin-top:24px;gap:12px 24px}
.art-papier{padding:64px 0 96px}
.art-uklad,.dokument-uklad{display:grid;grid-template-columns:232px minmax(0,720px);gap:56px;justify-content:center;align-items:start}
.art-uklad>*,.dokument-uklad>*{min-width:0}
.art-bez-spisu,.dokument-jedna-kolumna{grid-template-columns:minmax(0,720px)}
.art-uklad:has(>.art-spis){grid-template-columns:232px minmax(0,720px)}
.art-kolumna{width:100%;min-width:0}
.art-spis{position:sticky;top:24px;align-self:start;min-width:0}
.spis-desktop{background:var(--pow);color:var(--tekst);padding:16px;border-radius:18px;border:1px solid var(--linia)}
.spis-naglowek{font-size:18px;line-height:1.4;letter-spacing:-.015em;margin:0 0 18px}
.spis-kieszonki{list-style:none;padding:0;margin:0}
.spis-desktop .spis-kieszonki{max-height:calc(100vh - 160px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--linia) var(--pow);padding:4px 5px 6px 0}
.spis-kieszonki li+li{margin-top:7px}
.spis-kieszonki a{display:block;min-height:44px;background:var(--akcent-jasny);color:var(--akcent-tekst);padding:12px;font-size:15px;line-height:1.4;font-weight:500;border-radius:4px 14px 8px 8px;border-left:4px solid var(--dz,var(--akcent));text-decoration:none;overflow-wrap:anywhere}
.spis-kieszonki li:nth-child(2n) a{border-radius:14px 4px 8px 8px}
.spis-kieszonki a:hover{text-decoration:underline;background:var(--akcent)}
.spis-telefon{display:none}
.art-tresc{font-size:18px;line-height:1.65;overflow-wrap:anywhere}
.art-lead{font-size:23px;line-height:1.48;margin-bottom:32px}
.art-lead>:last-child{margin-bottom:0}
.art-wstep:first-child .art-html>p:first-child{font-size:23px;line-height:1.48}
.art-sekcja{scroll-margin-top:24px}
.art-sekcja+.art-sekcja{margin-top:56px}
.art-tresc h2{position:relative;font-size:44px;line-height:1.1;margin:56px 0 20px;padding-left:22px}
.art-tresc h2::before{content:"";position:absolute;left:0;top:.17em;width:12px;height:24px;border:2px solid var(--akcent-tekst);border-radius:4px 4px 7px 2px;background:var(--dz,var(--akcent))}
.art-tresc>.art-sekcja:first-child>h2:first-child{margin-top:0}
.art-tresc h3{font-size:28px;line-height:1.2;margin:36px 0 16px}
.art-tresc h4{font-size:22px;line-height:1.3;margin:28px 0 16px}
.art-tresc p,.art-tresc ul,.art-tresc ol{margin:0 0 24px}
.art-tresc ul,.art-tresc ol{padding-left:1.5em}
.art-tresc li{padding-left:4px;margin-bottom:8px}
.art-tresc li>ul,.art-tresc li>ol{margin-block:10px 12px}
.art-tresc li::marker{font-weight:600}
.art-tresc a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.art-tresc a:hover{text-decoration-thickness:2.5px}
.art-tresc .tw{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;margin:28px 0}
.art-tresc table{width:100%;border-collapse:collapse;margin:28px 0;font-size:16px;line-height:1.5}
.art-tresc .tw table{margin:0}
.art-tresc table:not(.tw table){display:block;max-width:100%;overflow-x:auto}
.art-tresc th,.art-tresc td{padding:12px;text-align:left;vertical-align:top;border:1px solid var(--linia);min-width:110px;overflow-wrap:normal}
.art-tresc th{background:var(--dz,var(--akcent));color:var(--akcent-tekst);font-weight:700}
.art-tresc caption{text-align:left;font-weight:600;padding-bottom:12px}
.art-tresc blockquote{margin:32px 0;padding:24px;border-left:4px solid var(--dz,var(--akcent));background:color-mix(in srgb,var(--akcent) 15%,var(--akcent-jasny));border-radius:0 18px 18px 0;font-size:25px;line-height:1.45;font-style:normal}
.art-tresc blockquote>:last-child{margin-bottom:0}
.art-tresc blockquote cite,.art-tresc .autor{display:block;position:static;margin-top:20px;font-size:16px;line-height:1.5;font-style:normal}
.art-tresc figure{max-width:100%;margin:28px 0}
.art-tresc figure img{display:block;max-width:100%;height:auto;border-radius:12px}
.art-tresc figcaption{display:block;margin-top:12px;font-size:14px;line-height:1.5}
.art-tresc details{border-block-end:1px solid var(--linia);margin-block:16px}
.art-tresc summary{min-height:44px;padding:16px 0;cursor:pointer;font-size:18px;font-weight:600;line-height:1.5}
.art-tresc details[open]>summary{margin-bottom:12px}
.art-tresc aside,.art-tresc .ramka,.art-tresc .nota{margin:32px 0;padding:24px;background:color-mix(in srgb,var(--akcent) 15%,var(--akcent-jasny));border-left:4px solid var(--dz,var(--akcent));border-radius:0 18px 18px 0}
.art-tresc hr{border:0;border-top:1px solid var(--linia);margin:40px 0}
.art-tresc pre{max-width:100%;overflow-x:auto;font-size:16px}
.art-tresc code{overflow-wrap:anywhere}
.art-tresc .art-foto{margin:0 0 32px}
.foto-wpisu{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:18px}
.art-ai{font-size:14px;line-height:1.6;margin-bottom:32px;padding:16px 20px;border-radius:18px;background:#31233b;color:#fff8ff}
.art-ai a,.art-ai a:visited{color:#fff8ff!important;text-decoration:underline;text-underline-offset:3px}
.art-ai p:last-child{margin-bottom:0}
.art-ai:empty{display:none}
.dokument-tresc .kf-pole,.dokument-tresc .kf-pulapka{color:#24132f!important;background:#f4edf9}
.dokument-tresc input,.dokument-tresc textarea,.dokument-tresc select{box-sizing:border-box;max-width:100%;font:inherit;color:#24132f!important;background:#fff8ff!important;border:1px solid #75647f;border-radius:8px;padding:12px}
.dokument-tresc input::placeholder,.dokument-tresc textarea::placeholder{color:#65516f;opacity:1}
.dokument-tresc button{font:600 16px/1.4 var(--f-t),Arial,sans-serif;min-height:44px;padding:12px 20px;background:#d2a6ff;color:#24132f;border:2px solid #24132f;border-radius:10px}
.art-pokrewne{position:relative;margin-top:72px;padding:32px;border-top:12px solid var(--dz,var(--akcent));border-radius:8px 8px 22px 22px;background:color-mix(in srgb,var(--akcent) 16%,var(--akcent-jasny));color:var(--akcent-tekst)}
.art-pokrewne h2{font-size:30px;line-height:1.15;margin:0 0 12px}
.kieszen-uchwyt{display:block;width:36px;height:14px;border:3px solid var(--akcent-tekst);border-bottom:0;border-radius:12px 12px 0 0;margin-bottom:20px;opacity:.7}
.art-powrot{margin:32px 0}
.art-sasiedzi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;padding-top:24px;border-top:1px dashed var(--linia)}
.art-sasiedzi>a{display:block;min-width:0;min-height:44px;font-size:18px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;text-decoration:none}
.art-sasiedzi>a:hover{text-decoration:underline}
.sasiedni-etykieta{display:block;font-size:14px;font-weight:400;line-height:1.45;margin-bottom:8px}

/* Dział: kolorowa górna kieszeń i wspólna jasna zawartość. */
.dzial-nag{padding:32px 0 0}
.dzial-kieszen{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center;min-height:320px;padding:48px;background:var(--dz,var(--akcent));color:var(--akcent-tekst);border-radius:48px 48px 0 0}
.dzial-kieszen::before{content:"";position:absolute;inset:14px 14px 0;border:1px dashed var(--akcent-tekst);border-bottom:0;border-radius:34px 34px 0 0;opacity:.4;pointer-events:none}
.dzial-kieszen>*{min-width:0;position:relative}
.dzial-nag-tekst h1{font-size:60px;line-height:1.06;max-width:760px}
.dzial-opis{font-size:21px;line-height:1.5;margin-top:24px;max-width:720px}
.dzial-opis>:last-child{margin-bottom:0}
.dzial-nag-tekst>.uchwyt{margin-top:24px}
.dzial-przedmiot{width:220px}
.dzial-przedmiot svg{display:block;width:100%;height:auto}
.dzial-zawartosc{padding:32px 0 72px}
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:48px;padding:20px;background:color-mix(in srgb,var(--akcent) 22%,var(--akcent-jasny));border-radius:12px 12px 22px 22px;font-size:16px}
.pager-numery{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.pager-numery a,.pager-biezaca{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border-radius:7px 7px 12px 12px;text-decoration:none}
.pager-numery a:hover{background:var(--akcent);text-decoration:underline}
.pager-biezaca{background:var(--pow);color:var(--tekst);font-weight:700}
.pager-przerwa{display:block;padding:8px;min-height:44px}
.pager-kierunek{display:inline-flex;align-items:center;min-height:44px;padding:8px;font-weight:600}
.dzial-powiazane{margin-top:40px}
.dzial-powiazane ul{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin:0}
.dokument-nag h1,.art-nag-stala h1{max-width:920px}
.dokument-nag .art-lead{max-width:720px;margin:24px 0 0}
.dokument-metka{display:table;margin-bottom:20px;padding:7px 14px;border-radius:8px;background:var(--akcent);color:var(--akcent-tekst);font-size:14px;font-weight:600}
.dokument-nag>.rama>.metryka{margin-top:24px}
.dokument-tresc [class*="grid"]{min-width:0;max-width:100%}
.blad-uklad{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:48px;align-items:center}
.blad-uklad>*{min-width:0}
.blad-uklad .art-lead{margin-top:24px}
.blad-znak{width:180px}
.blad-znak svg{width:100%}

@media(max-width:1080px){
  .otwarcie h1{font-size:72px}
  .otwarcie{padding-block:72px 88px}
  .chwila{grid-template-columns:200px minmax(0,1fr);gap:32px;padding:36px}
  .art-uklad,.dokument-uklad{grid-template-columns:200px minmax(0,720px);gap:32px}
  .art-bez-spisu,.dokument-jedna-kolumna{grid-template-columns:minmax(0,720px)}
  .art-nag h1,.dzial-nag-tekst h1{font-size:52px}
  .etui{padding:34px 28px 38px}
  .etui-pola{grid-auto-rows:5px}
  .etui-nazwa{font-size:18px;padding-top:12px}
  .etui-przedmiot{max-height:60%;width:65%}
  .dzial-kieszen{grid-template-columns:minmax(0,1fr) 180px;padding:40px;gap:24px}
  .dzial-przedmiot{width:180px}
  .archiwum-uklad{gap:40px}
}
@media(max-width:860px){
  .otwarcie h1{font-size:62px}
  .otwarcie-opis{font-size:21px}
  .sekcja{padding-block:72px}
  .art-nag-uklad{grid-template-columns:minmax(0,1fr) 112px;gap:24px;padding:32px}
  .art-nag-uklad .art-przedmiot{width:112px}
  .art-uklad:has(>.art-spis){grid-template-columns:180px minmax(0,1fr);gap:24px}
  .art-przedmiot{width:112px}
  .art-nag h1,.dzial-nag-tekst h1{font-size:44px}
  .art-uklad,.dokument-uklad{grid-template-columns:180px minmax(0,1fr);gap:24px}
  .art-bez-spisu,.dokument-jedna-kolumna{grid-template-columns:minmax(0,720px)}
  .spis-desktop{padding:12px}
  .spis-kieszonki a{font-size:14px}
  .art-tresc h2{font-size:36px}
  .wybor ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .indeks-lista{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(13,auto);column-gap:32px}
  .lista-red>.wpis-metka:first-child .metka-rys{width:100px;min-height:112px}
  .lista-red>.wpis-metka:first-child .metka-rys svg{width:85px;height:85px}
  .lista-red>.wpis-metka:first-child .metka-tytul{font-size:30px}
  .lista-pokrewne>.wpis-metka:first-child .metka-rys{width:44px;min-height:54px}
  .lista-pokrewne>.wpis-metka:first-child .metka-rys svg{width:40px;height:40px}
  .lista-pokrewne>.wpis-metka:first-child .metka-tytul{font-size:22px}
  .archiwum-uklad{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px}
  .chwila h2{font-size:36px}
  .chwila-link{font-size:21px}
}
@media(max-width:719px){
  .rama{width:calc(100% - 32px)}
  .sekcja{padding-block:56px}
  h1{font-size:36px;line-height:1.1}
  h2{font-size:30px;line-height:1.15}
  h3{font-size:24px}
  .nag-pas{min-height:68px;gap:16px}
  .logo{font-size:24px;gap:8px}
  .logo-znak{width:32px}
  .logo-znak svg{height:30px}
  .nag-pelny{display:none}
  .nag-krotki{display:inline}
  .menu-lista{gap:24px}
  .menu-lista li:last-child{padding-right:16px}
  .menu a{font-size:15px}
  .otwarcie{padding:56px 0 64px}
  .otwarcie h1{font-size:46px;line-height:1.02}
  .pigulka{margin-bottom:24px}
  .otwarcie-opis{font-size:21px;line-height:1.5;margin-top:24px}
  .plama{width:85%;height:75%;top:14%}
  .plama-lewa{left:-64%}
  .plama-prawa{right:-65%}
  .chwila{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px;border-radius:24px 24px 32px 24px}
  .chwila-rys{width:140px;justify-self:center;margin-left:44px}
  .chwila h2{font-size:30px}
  .chwila-link{font-size:21px;line-height:1.45}
  .sekcja-nag{margin-bottom:28px}
  .sekcja-nag p{font-size:18px}
  .etui{margin:40px auto 32px;padding:30px 17px 34px;border-radius:36px}
  .etui::before{inset:10px;border-radius:27px}
  .etui::after{width:5px}
  .etui-oprawa{display:none}
  .etui-oprawa-pion{display:block}
  .etui-pola{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:6px}
  .etui-pole{border-width:3px;border-radius:18px;padding:8px}
  .etui-pole::after{inset:4px;border-radius:12px}
  .etui-przedmiot{width:80%;max-height:65%}
  .etui-przedmiot svg{max-height:100px}
  .etui-nazwa{display:none}
  .pole-skala-1{padding:1px 4px;border-radius:10px}
  .pole-skala-1 .etui-przedmiot{width:24px;max-height:95%}
  .pole-skala-2 .etui-przedmiot{width:40px;max-height:85%}
  .pole-skala-3 .etui-przedmiot{width:60px}
  .etui-petelka{right:-10px;width:15px;height:48px;border-width:5px}
  .wybor{margin-top:32px}
  .wybor ul{grid-template-columns:minmax(0,1fr)}
  .wybor a{min-height:48px}
  .kieszen{padding:24px 16px;border-top-width:8px}
  .kieszen-nag{flex-wrap:wrap;gap:8px}
  .kieszen-nag h3{font-size:28px}
  .kieszen-zamknij{margin-left:auto}
  .szuflada-instrukcja{padding:24px 16px;font-size:16px}
  .nowe{border-radius:28px 28px 0 0}
  .wpis-metka{gap:12px;padding:24px 0}
  .metka-rys{width:28px;min-height:40px;padding:4px 0 8px;border-radius:5px 5px 12px 3px}
  .metka-rys svg{width:28px;height:28px}
  .metka-tytul{font-size:22px;line-height:1.25}
  .metka-dzial{font-size:13px;margin-bottom:8px}
  .metka-strzalka{font-size:23px}
  .metryka{font-size:13px;gap:6px 14px}
  .lista-red>.wpis-metka:first-child{align-items:start;padding-bottom:28px;flex-wrap:wrap}
  .lista-red>.wpis-metka:first-child .metka-rys{width:76px;min-height:84px;padding:5px 5px 12px;border-radius:14px 14px 24px 5px}
  .lista-red>.wpis-metka:first-child .metka-rys svg{width:66px;height:66px}
  .lista-red>.wpis-metka:first-child .metka-tresc{flex-basis:calc(100% - 112px)}
  .lista-red>.wpis-metka:first-child .metka-tytul{font-size:26px;line-height:1.25}
  .lista-pokrewne>.wpis-metka:first-child{flex-wrap:nowrap;padding:24px 0}
  .lista-pokrewne>.wpis-metka:first-child .metka-rys{width:28px;min-height:40px;padding:4px 0 8px;border-radius:5px 5px 12px 3px}
  .lista-pokrewne>.wpis-metka:first-child .metka-rys svg{width:28px;height:28px}
  .lista-pokrewne>.wpis-metka:first-child .metka-tytul{font-size:22px}
  .metka-foto{flex-basis:80px}
  .indeks-lista{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
  .indeks-nag{gap:14px;align-items:start}
  .indeks-nag h2{font-size:30px}
  .indeks-znak{width:36px}
  .indeks .rama{padding-top:28px}
  .glos blockquote{font-size:28px;line-height:1.35}
  .archiwum-uklad{grid-template-columns:minmax(0,1fr);gap:24px}
  .archiwum-uklad .sekcja-nag{margin:0}
  .archiwum-rys{width:72px;margin-top:20px}
  .stopa{padding:48px 0 24px}
  .stopa-gora{flex-direction:column;gap:28px}
  .stopa-linki ul{flex-direction:column;gap:0}
  .okruchy{padding-top:20px;font-size:12px}
  .okruchy li+li::before{margin-inline:7px}
  .art-nag{padding:32px 0 40px}
  .art-nag h1,.dzial-nag-tekst h1{font-size:36px;line-height:1.1}
  .art-nag-uklad,.dzial-kieszen,.blad-uklad{grid-template-columns:minmax(0,1fr);gap:24px}
  .art-nag-uklad{padding:28px 20px 24px;border-radius:28px 28px 12px 12px}
  .art-nag-uklad::before{inset:8px;border-radius:20px 20px 6px 6px}
  .art-nag-uklad::after{right:24px;width:48px;height:18px;top:-10px}
  .art-nag-uklad .art-przedmiot{width:112px;justify-self:end}
  .art-uklad:has(>.art-spis){grid-template-columns:minmax(0,1fr);gap:24px}
  .art-przedmiot{width:112px;justify-self:end}
  .art-dzial{margin-bottom:20px}
  .art-papier{padding:40px 0 56px}
  .art-uklad,.dokument-uklad,.art-bez-spisu,.dokument-jedna-kolumna{grid-template-columns:minmax(0,1fr);gap:24px}
  .art-spis{position:static}
  .spis-desktop{display:none}
  .spis-telefon{display:block;border-radius:12px;background:var(--pow);padding-bottom:1px}
  .spis-telefon>summary{min-height:48px;padding:16px;background:var(--akcent);color:var(--akcent-tekst);border-radius:12px;cursor:pointer;font-size:16px;font-weight:600}
  .spis-telefon nav{padding:16px}
  .spis-kieszonki a{font-size:16px}
  .art-tresc h2{font-size:30px;line-height:1.15;margin-top:48px}
  .art-tresc h3{font-size:24px;line-height:1.2}
  .art-lead,.art-wstep:first-child .art-html>p:first-child{font-size:21px;line-height:1.5}
  .art-sekcja+.art-sekcja{margin-top:48px}
  .art-tresc blockquote{font-size:23px;padding:20px}
  .art-tresc th,.art-tresc td{padding:10px;min-width:100px}
  .art-pokrewne{padding:24px 16px;margin-top:56px}
  .art-pokrewne h2{font-size:28px}
  .art-sasiedzi{grid-template-columns:minmax(0,1fr)}
  .dzial-nag{padding-top:24px}
  .dzial-kieszen{min-height:0;padding:24px;border-radius:24px 24px 0 0}
  .dzial-kieszen::before{inset:9px 9px 0;border-radius:17px 17px 0 0}
  .dzial-przedmiot{width:112px;justify-self:end;grid-row:1}
  .dzial-opis{font-size:20px}
  .dzial-zawartosc{padding:24px 0 56px}
  .pager{padding:16px 12px;gap:12px;margin-top:32px}
  .pager-numery{gap:4px}
  .blad-znak{width:96px;justify-self:end}
  .dokument-tresc [class*="grid"]{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .lista-red:not(.lista-pokrewne)>.wpis-metka:first-child{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:16px 12px}
  .lista-red:not(.lista-pokrewne)>.wpis-metka:first-child .metka-rys{grid-column:1;grid-row:1}
  .lista-red:not(.lista-pokrewne)>.wpis-metka:first-child .metka-tresc{grid-column:1;grid-row:2}
  .lista-red:not(.lista-pokrewne)>.wpis-metka:first-child .metka-strzalka{grid-column:2;grid-row:2}
  .lista-red:not(.lista-pokrewne)>.wpis-metka:first-child .metka-foto{grid-column:1/-1;max-width:180px}
  .kieszen .wpis-metka{gap:12px}
  .kieszen .metka-tytul{font-size:22px}
  .kieszen-linki{align-items:start;flex-direction:column;gap:16px}
  .art-metryka{gap:10px 16px}
  .art-sasiedzi{gap:24px}
  .stopa-gora>.uchwyt{align-self:flex-start}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media print{
  body{background:var(--akcent-jasny);color:var(--akcent-tekst);font-size:12pt}
  .rama{width:100%;max-width:none}
  .nag,.skok,.stopa,.otwarcie-plamy,.etui,.wybor,.kieszen-zamknij,.metka-strzalka,.art-przedmiot,.art-powrot,.pager{display:none}
  .sekcja,.art-nag,.art-papier{padding-block:24px}
  .otwarcie{padding-block:24px}
  .otwarcie h1{font-size:40pt}
  .art-nag h1,.dzial-nag-tekst h1{font-size:30pt}
  .art-nag,.art-nag-stala{background:var(--akcent-jasny);color:var(--akcent-tekst)}
  .art-nag-uklad,.art-uklad,.dokument-uklad{display:block}
  .art-spis{position:static;margin-bottom:24px}
  .spis-desktop{display:block;background:var(--akcent-jasny);color:var(--akcent-tekst);border:1px solid var(--linia)}
  .spis-desktop .spis-kieszonki{max-height:none;overflow:visible}
  .spis-telefon{display:none}
  .kieszen{display:block;break-inside:avoid;background:var(--akcent-jasny);color:var(--akcent-tekst)}
  .szuflada-instrukcja{display:none}
  .art-tresc .tw,.art-tresc table:not(.tw table){overflow:visible}
  .art-tresc table:not(.tw table){display:table}
  .wpis-metka,blockquote,figure{break-inside:avoid}
  a{color:inherit}
  h2,h3{break-after:avoid}
}

.art-tresc aside.ai-nota{background:var(--pow);color:var(--tekst)}
.ai-nota a{color:var(--akcent)!important;text-decoration:underline}
.nadpis{margin:0 0 10px;font-size:12px;line-height:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--akcent)}
.jasna .nadpis{color:var(--akcent-tekst)}
.sciezki-lista{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sciezka{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 24px;background:var(--pow);border:1px solid var(--linia);border-radius:22px}
.sciezka-ik{display:block;width:60px;height:60px}
.sciezka-ik svg{width:100%;height:100%}
.sciezka h3 a{text-decoration:none}
.sciezka h3 a:hover{text-decoration:underline}
.sciezka p{margin:0;font-size:16px;line-height:1.6;color:var(--t2)}
.sciezka .uchwyt{margin-top:auto}
@media(max-width:900px){.sciezki-lista{grid-template-columns:minmax(0,1fr)}}