@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.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: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.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: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.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: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.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: 'Figtree'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.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: 'Figtree'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.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:#faf9ff;--pow:#ffffff;--tekst:#1a1740;--t2:#55527a;--akcent:#5232c8;--akcent-tekst:#ffffff;--akcent-jasny:#eeeaff;--akcent-cien:#3c22a3;--linia:#e5e1f5;--stopka:#221c5e;--stopka-tekst:#ecebfa;--dodatek:#f5b400;--f-n:"Figtree", system-ui, sans-serif;--f-t:"Figtree", system-ui, sans-serif;--p-line:#e5e1f5;--p-surface:#ffffff;--r:16px}
/* Pilny Uczeń (pilnyuczen.pl, makieta właściciela 5.11): lawendowe tło, fiolet, żółty zakreślacz pod nagłówkami,
   pastelowe kafle działów z własnymi ikonami. Wpisy i karty bez zdjęć: fiszka z literą hasła w kolorze działu.
   Siatki pełne: działy 6 (pierwszy x2) = 12 / 4 = 12 / 2 = 12, przedmioty 12 = 4x3 / 3x4 / 2x6, przegląd 10 = 2x5. */
:root{--zolty:#fff4cc;--zolty-linia:#f6dc7a;--zolty-tekst:#6b4d00;--lawenda:#f1edff;--lawenda-2:#e6e0ff;
  --cien:0 1px 2px rgba(26,23,64,.05),0 10px 26px -14px rgba(46,30,140,.22);--cien-m:0 2px 6px rgba(26,23,64,.06),0 22px 44px -20px rgba(46,30,140,.34)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--tlo);color:var(--tekst);font:400 16.5px/1.62 var(--f-t);overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--akcent)}
:focus-visible{outline:3px solid var(--dodatek);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--f-n);font-weight:800;line-height:1.15;margin:0 0 .45em;color:var(--tekst);letter-spacing:-.015em;overflow-wrap:break-word}
h1{font-size:clamp(30px,4vw,46px)}
h2{font-size:clamp(23px,2.3vw,30px)}
h3{font-size:18px;font-weight:700;letter-spacing:-.005em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
figure{margin:0}
input,button,select{font:inherit}
.rama{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}
.tylko-czytnik{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skok{position:absolute;left:12px;top:-60px;background:var(--akcent);color:#fff;padding:10px 16px;z-index:20;border-radius:8px}
.skok:focus{top:12px}
span>svg,a>svg{width:100%;height:100%}
.link-strz{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--akcent);font-size:15px}
.link-strz>span{display:inline-flex;width:18px;height:18px;flex:none;transition:transform .2s}
.link-strz:hover>span{transform:translateX(3px)}
.chip{display:inline-block;background:var(--akcent-jasny);color:var(--akcent-cien);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:700;line-height:1.5}
.chip-pelny{background:var(--akcent);color:#fff}
a.chip:hover{background:var(--akcent);color:#fff}
.sponsor{display:inline-block;margin:0 0 8px;padding:2px 9px;background:var(--zolty);color:var(--zolty-tekst);border-radius:6px;font-size:12px;font-weight:700}
.meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;color:var(--t2);font-size:13.5px}
.meta-el{display:inline-flex;align-items:center;gap:6px}
.meta-ik{display:inline-flex;width:15px;height:15px;color:var(--t2)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--akcent);color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;border:2px solid var(--akcent);box-shadow:0 10px 20px -12px rgba(82,50,200,.85)}
.cta:hover{background:var(--akcent-cien);border-color:var(--akcent-cien);color:#fff}
.cta>span{display:inline-flex;width:18px;height:18px}
.cta-obrys{background:var(--pow);color:var(--tekst);border-color:var(--tekst);box-shadow:none}
.cta-obrys:hover{background:var(--tekst);border-color:var(--tekst);color:#fff}
.kolko{display:inline-flex;width:38px;height:38px;padding:9px;border-radius:50%;background:var(--akcent-jasny);color:var(--akcent);flex:none;transition:background .2s,color .2s}
.kolko:hover{background:var(--akcent);color:#fff}
.nag-sek{margin:0 0 26px;max-width:760px}
.nag-sek h2{display:inline-block;margin:0 0 10px;padding-bottom:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M2 7C30 2 70 1 118 4' stroke='%23f5b400' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") left bottom/64px 9px no-repeat}
.nag-sek p{margin:0;color:var(--t2);font-size:16px}
.nag-z-linkiem{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;max-width:none}
.nag-z-linkiem .link-strz{flex:none;white-space:nowrap;margin-bottom:14px}
section{scroll-margin-top:16px}

/* nagłówek */
.nagl{background:var(--pow);box-shadow:0 1px 0 var(--linia),0 8px 24px -20px rgba(46,30,140,.4);position:relative;z-index:10}
.nagl-uklad{display:flex;align-items:center;gap:22px;min-height:76px}
.znak{display:flex;align-items:center;gap:10px;flex:none}
.znak-rys{display:inline-flex;width:46px;height:46px}
.znak-tekst{display:flex;flex-direction:column;line-height:1.1}
.znak-tekst b{font:800 23px/1.05 var(--f-n);letter-spacing:-.02em;color:var(--tekst)}
.znak-tekst small{font-size:12.5px;color:var(--t2);font-weight:600;margin-top:2px}
.menu{flex:1;min-width:0}
.menu ul{display:flex;justify-content:center;gap:2px}
.menu a{display:block;padding:10px 11px;font-weight:700;font-size:15px;border-radius:10px;white-space:nowrap}
.menu a:hover{background:var(--lawenda)}
.menu .m-akt{color:var(--akcent);background:var(--lawenda)}
.szuk{position:relative;flex:none}
.szuk>summary{display:flex;width:44px;height:44px;padding:11px;border-radius:12px;color:var(--tekst)}
.szuk>summary:hover,.szuk[open]>summary{background:var(--lawenda);color:var(--akcent)}
.szuk-pole{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 32px));display:flex;background:var(--pow);border-radius:14px;box-shadow:var(--cien-m),0 0 0 1px var(--linia);padding:6px}
.szuk-pole input{flex:1;min-width:0;border:0;background:none;padding:10px 12px;font-size:15.5px;color:var(--tekst)}
.szuk-pole input:focus{outline:0}
.szuk-pole button{flex:none;width:44px;height:44px;padding:11px;border:0;border-radius:10px;background:var(--akcent);color:#fff;cursor:pointer}
.nagl-cta{display:inline-flex;align-items:center;gap:8px;flex:none;background:var(--akcent);color:#fff;padding:11px 18px;border-radius:999px;font-weight:700;font-size:14.5px}
.nagl-cta:hover{background:var(--akcent-cien);color:#fff}
.nagl-cta>span{display:inline-flex;width:17px;height:17px}
.mmenu{display:none;position:static}
.mmenu>summary{display:flex;width:44px;height:44px;padding:10px;border-radius:12px}
.mmenu[open]>summary{background:var(--lawenda);color:var(--akcent)}
.mmenu-panel{position:absolute;left:0;right:0;top:100%;background:var(--pow);padding:14px 16px 20px;box-shadow:0 18px 30px -18px rgba(46,30,140,.45);border-top:1px solid var(--linia)}
.mmenu-panel ul{columns:2;column-gap:8px;margin-bottom:14px}
.mmenu-panel li{break-inside:avoid;margin-bottom:8px}
.mmenu-panel li a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:12px;background:var(--kd);font-weight:700;font-size:14.5px}
.mm-ik{display:inline-flex;width:26px;height:26px;flex:none}
.mmenu-panel .cta{width:100%}

/* otwarcie */
.hero{padding:22px 0 30px}
.hero-uklad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:20px;background:linear-gradient(115deg,#fbfaff 0%,#f1edff 55%,#e9e3ff 100%);border-radius:28px;padding:0 0 0 52px;overflow:hidden;box-shadow:var(--cien);position:relative}
.hero-tresc{padding:42px 0 40px;position:relative;z-index:1}
.hero-chipy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;font-weight:700;color:var(--akcent)}
.hero-chipy span{color:var(--t2)}
.hero-chipy a:hover{text-decoration:underline}
.hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.04;margin:0 0 12px;letter-spacing:-.025em}
.hero-lead{font:600 20px/1.35 var(--f-n);margin:0 0 10px;color:var(--tekst)}
.hero-opis{color:var(--t2);font-size:16px;max-width:500px;margin:0 0 20px}
.hero-szuk{display:flex;align-items:center;max-width:520px;background:var(--pow);border-radius:999px;padding:5px 5px 5px 16px;box-shadow:0 0 0 1.5px var(--linia),0 10px 24px -16px rgba(46,30,140,.5);margin:0 0 20px}
.hero-szuk:focus-within{box-shadow:0 0 0 2px var(--akcent),0 10px 24px -16px rgba(46,30,140,.5)}
.hs-ik{display:inline-flex;width:20px;height:20px;color:var(--t2);flex:none}
.hero-szuk input{flex:1;min-width:0;border:0;background:none;padding:10px 10px;font-size:15.5px;color:var(--tekst)}
.hero-szuk input:focus{outline:0}
.hero-szuk button{flex:none;border:0;background:var(--akcent);color:#fff;font-weight:700;padding:10px 20px;border-radius:999px;cursor:pointer}
.hero-szuk button:hover{background:var(--akcent-cien)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.hero-data{display:flex;align-items:center;gap:8px;margin:0;font-size:14.5px;color:var(--t2)}
.hero-data span{display:inline-flex;width:18px;height:18px;color:var(--tekst)}
.hero-data b{color:var(--tekst)}
.hero-foto{position:relative;align-self:stretch;min-height:100%}
.hero-obraz{width:100%;height:100%;aspect-ratio:1.7;object-fit:cover;object-position:50% 40%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.hero-smuga{position:absolute;left:-60px;bottom:18px;width:260px;height:90px;z-index:0;opacity:.9}

/* działy */
.dzialy{padding:34px 0 26px}
.dz-kafle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dz-kafel a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:132px;padding:18px 12px;border-radius:18px;background:var(--kd);text-align:center;transition:transform .18s,box-shadow .18s}
.dz-kafel a:hover{transform:translateY(-3px);box-shadow:var(--cien-m);color:var(--tekst)}
.dz-ik{display:inline-flex;width:48px;height:48px}
.dz-naz{display:flex;flex-direction:column;gap:2px}
.dz-naz b{font:700 16.5px/1.2 var(--f-n)}
.dz-naz small{font-size:13.5px;color:var(--t2)}
.dz-naz em{font-style:normal;font-size:12.5px;color:var(--t2);font-weight:600}
.dz-pierwszy{grid-column:span 2}
.dz-pierwszy a{flex-direction:row;justify-content:flex-start;gap:18px;text-align:left;padding:18px 24px}
.dz-pierwszy .dz-ik{width:64px;height:64px}
.dz-pierwszy .dz-naz b{font-size:21px}
.dz-takze{margin:14px 0 0;font-size:14.5px;color:var(--t2);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.dz-takze a{font-weight:700;color:var(--akcent);border-bottom:2px solid var(--zolty-linia)}

/* ścieżki */
.sciezki{padding:34px 0}
.sc-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sc-el{display:flex;flex-direction:column;background:var(--pow);border-radius:20px;padding:22px 20px 20px;box-shadow:var(--cien),0 0 0 1px var(--linia);position:relative;overflow:hidden}
.sc-el::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--sc)}
.sc-1{--sc:#2d58c6;--sc-j:#e6eefc}.sc-2{--sc:#d8432f;--sc-j:#fde9e4}.sc-3{--sc:#5232c8;--sc-j:#ece8fb}.sc-4{--sc:#e08a12;--sc-j:#fdf1d6}
.sc-ik{display:inline-flex;width:48px;height:48px;padding:11px;border-radius:14px;background:var(--sc-j);color:var(--sc);margin-bottom:14px}
.sc-el h3{font-size:19px;margin-bottom:8px}
.sc-el>p{color:var(--t2);font-size:14.5px;margin-bottom:12px}
.sc-el ul{display:grid;gap:2px;margin:auto 0 14px;border-top:1px dashed var(--linia);padding-top:10px}
.sc-el li a{display:block;padding:5px 0 5px 16px;position:relative;font-size:14.5px;font-weight:600;line-height:1.35}
.sc-el li a::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--sc)}
.sc-el .link-strz{font-size:14px;color:var(--sc)}

/* najnowsze */
.najnowsze{padding:30px 0}
.naj-uklad{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:stretch}
.naj-duzy{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:340px;padding:30px;border-radius:24px;background:linear-gradient(150deg,var(--kd) 0%,#fff 120%);overflow:hidden;box-shadow:var(--cien)}
.naj-lit{position:absolute;right:-6px;top:-40px;font:800 260px/1 var(--f-n);color:rgba(82,50,200,.09);pointer-events:none}
.naj-ik{position:absolute;left:30px;top:28px;display:inline-flex;width:72px;height:72px;padding:12px;border-radius:20px;background:rgba(255,255,255,.75)}
.naj-duzy .chip{align-self:flex-start}
.naj-duzy h3{font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.18;margin:0;max-width:92%}
.naj-lead{color:var(--t2);margin:0;max-width:92%}
.naj-duzy .kolko{position:absolute;right:24px;bottom:24px}
.naj-lista{display:flex;flex-direction:column;justify-content:space-between;gap:12px}

/* wiersz listy: fiszka z literą zamiast zdjęcia */
.wiersze{display:flex;flex-direction:column;gap:12px}
.wiersz{display:flex;align-items:center;gap:18px;background:var(--pow);border-radius:18px;padding:14px 18px 14px 14px;box-shadow:0 0 0 1px var(--linia);transition:box-shadow .18s}
.wiersz:hover{box-shadow:0 0 0 1.5px var(--akcent),var(--cien)}
.fiszka{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:84px;border-radius:14px;background:var(--kd);overflow:hidden}
.fiszka::after{content:"";position:absolute;left:10px;right:10px;top:22px;border-top:1.5px solid rgba(214,60,60,.35)}
.fiszka b{font:800 38px/1 var(--f-n);color:var(--lt,var(--akcent));position:relative}
.fiszka small{font-size:11px;font-weight:700;color:var(--t2);margin-top:4px;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lt-1{--lt:#2d58c6}.lt-2{--lt:#d8432f}.lt-3{--lt:#2f9a46}.lt-4{--lt:#c77700}.lt-5{--lt:#d6336c}.lt-6{--lt:#5232c8}
.wiersz-tekst{flex:1;min-width:0}
.wiersz h3{font-size:17px;margin:0 0 4px;line-height:1.3}
.wiersz-lead{color:var(--t2);font-size:14px;margin:0 0 6px;line-height:1.45}

/* A-Z */
.az{padding:34px 0}
.az-ramka{background:var(--pow);border-radius:26px;padding:30px 32px 32px;box-shadow:var(--cien),0 0 0 1px var(--linia)}
.az-nag{display:flex;gap:18px;align-items:flex-start;margin-bottom:18px}
.az-ik{display:inline-flex;width:56px;height:56px;padding:12px;border-radius:16px;background:var(--zolty);color:var(--zolty-tekst);flex:none}
.az-nag h2{margin:0 0 6px}
.az-nag p{margin:0;color:var(--t2);max-width:720px}
.az-litery{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:8px;padding:14px;border-radius:16px;background:var(--lawenda);margin:0 0 22px}
.az-litery li{display:flex;flex-direction:column;align-items:center;justify-content:center;height:56px;padding:0 6px;border-radius:12px;background:var(--pow);box-shadow:0 1px 0 var(--linia)}
.az-litery b{font:800 20px/1 var(--f-n);color:var(--akcent)}
.az-litery small{font-size:11.5px;font-weight:700;color:var(--t2);margin-top:3px}
.az-cta{display:flex;flex-wrap:wrap;gap:12px}

/* przedmioty */
.przedmioty{padding:34px 0}
.prz-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.prz-el{display:flex;flex-direction:column;background:var(--pow);border-radius:18px;padding:18px;box-shadow:0 0 0 1px var(--linia)}
.prz-nag{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.prz-ik{display:inline-flex;width:44px;height:44px;padding:10px;border-radius:13px;background:color-mix(in srgb,var(--lt) 12%,#fff);color:var(--lt);flex:none}
.prz-nag h3{font-size:16.5px;margin:0}
.prz-nag small{font-size:13px;color:var(--t2);font-weight:600}
.prz-el>p{font-size:14px;color:var(--t2);margin:0 0 10px;line-height:1.45}
.prz-el ul{margin-top:auto;display:grid;gap:4px}
.prz-el li a{display:block;font-size:14px;font-weight:600;line-height:1.35;padding:6px 10px;border-radius:9px;background:color-mix(in srgb,var(--lt) 6%,#fff)}
.prz-el li a:hover{background:color-mix(in srgb,var(--lt) 14%,#fff)}

/* przegląd działów */
.przeglad{padding:34px 0}
.pg-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pg-el{display:flex;flex-direction:column;background:var(--pow);border-radius:20px;padding:20px 22px;box-shadow:0 0 0 1px var(--linia);border-left:6px solid var(--kd)}
.pg-el header{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.pg-ik{display:inline-flex;width:50px;height:50px;padding:6px;border-radius:14px;background:var(--kd);flex:none}
.pg-el header>div{flex:1;min-width:0}
.pg-el h3{margin:0;font-size:19px}
.pg-pod{margin:0;font-size:13.5px;color:var(--t2)}
.pg-licz{flex:none;font:800 22px/1 var(--f-n);color:var(--akcent);background:var(--lawenda);border-radius:12px;padding:8px 10px}
.pg-opis{font-size:14.5px;color:var(--t2);margin:0 0 10px}
.pg-el ul{display:grid;gap:2px;margin:0 0 12px}
.pg-el li a{display:block;padding:6px 0;border-bottom:1px dashed var(--linia);font-weight:600;font-size:14.5px;line-height:1.35}
.pg-el .link-strz{margin-top:auto}

/* ciekawostki */
.ciekawostki{padding:34px 0}
.ck-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ck-siatka.ck-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ck-el{background:var(--pow);border-radius:20px;padding:22px;box-shadow:0 0 0 1px var(--linia)}
.ck-nag{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding-left:56px;margin:0 0 12px}
.ck-nag span{position:absolute;left:0;top:50%;margin-top:-22px;display:inline-flex;width:44px;height:44px;padding:10px;border-radius:13px;background:var(--zolty);color:var(--zolty-tekst)}
.ck-czy .ck-nag span{background:var(--lawenda);color:var(--akcent)}
.ck-nag b{font:700 18px/1.2 var(--f-n)}
.ck-nag small{color:var(--t2);font-size:13.5px}
.ck-el ol{counter-reset:ck;display:grid;gap:2px}
.ck-el ol li{counter-increment:ck}
.ck-el ol a{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--linia);font-weight:600;font-size:14.5px;line-height:1.35}
.ck-el ol a::before{content:counter(ck);flex:none;width:24px;height:24px;border-radius:50%;background:var(--lawenda);color:var(--akcent);font:700 12.5px/24px var(--f-n);text-align:center}
.ck-cytat{background:linear-gradient(160deg,#2b2378,#4a33b8);color:#fff;box-shadow:none;display:flex;flex-direction:column}
.ck-zn{display:inline-flex;width:40px;height:40px;color:var(--dodatek);margin-bottom:10px}
.ck-cytat blockquote{margin:0 0 14px;flex:1}
.ck-cytat blockquote p{font:600 18px/1.45 var(--f-n);margin:0}
.ck-cytat figcaption{font-size:13.5px;color:#d9d4ff}
.ck-cytat figcaption b{display:block;color:#fff}
.ck-cytat figcaption a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* poradniki i pytania */
.pomoc{padding:34px 0}
.pomoc-uklad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pm-el{border-radius:22px;padding:24px;background:var(--pow);box-shadow:0 0 0 1px var(--linia)}
.pm-poradniki{background:linear-gradient(180deg,#fffaf0,#fff 60%);box-shadow:0 0 0 1px var(--zolty-linia)}
.pm-pytania{background:linear-gradient(180deg,#f4f1ff,#fff 60%)}
.pm-nag{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.pm-ik{display:inline-flex;width:54px;height:54px;padding:11px;border-radius:16px;flex:none;background:var(--zolty);color:#d07a00}
.pm-pytania .pm-ik{background:var(--akcent-jasny);color:var(--akcent)}
.pm-nag h2{font-size:22px;margin:0 0 4px}
.pm-nag p{margin:0;font-size:14.5px;color:var(--t2)}
.pm-lista{display:grid;gap:8px}
.pm-lista a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--pow);box-shadow:0 0 0 1px var(--linia);font-weight:600;font-size:15px;line-height:1.35}
.pm-lista a:hover{box-shadow:0 0 0 1.5px var(--dodatek)}
.pm-nr{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid var(--dodatek);color:#b06a00;font:800 14px/26px var(--f-n);text-align:center}
.pyt-lista{display:grid;gap:8px}
.pyt-el{background:var(--pow);border-radius:12px;box-shadow:0 0 0 1px var(--linia)}
.pyt-el summary{display:flex;align-items:center;gap:12px;padding:11px 14px;font-weight:700;font-size:15px;line-height:1.35}
.pyt-el summary span:first-child{flex:1}
.pyt-zn{display:inline-flex;width:20px;height:20px;flex:none;color:var(--akcent);transition:transform .2s}
.pyt-el[open] .pyt-zn{transform:rotate(90deg)}
.pyt-odp{padding:0 14px 14px;font-size:14.5px;color:var(--t2)}
.pyt-odp p{margin:0 0 8px}

/* popularne działy */
.popularne{padding:30px 0}
.pop-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pop-el a{position:relative;display:block;height:170px;border-radius:20px;overflow:hidden;background:#2b2378;color:#fff}
.pop-obraz{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pop-el a:hover .pop-obraz{transform:scale(1.04)}
.pop-el a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,70,.88) 0%,rgba(20,16,70,.55) 50%,rgba(20,16,70,.05) 100%)}
.pop-tekst{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:22px 24px;max-width:70%}
.pop-tekst b{font:800 24px/1.1 var(--f-n)}
.pop-tekst small{font-size:14px;line-height:1.4;color:#eae6ff}
.pop-el a:hover{color:#fff}

/* liczby */
.liczby{padding:30px 0}
.lc-ramka{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:30px;align-items:center;background:linear-gradient(120deg,#2b2378 0%,#3c2aa6 100%);color:#fff;border-radius:26px;padding:30px 34px}
.lc-intro h2{color:#fff;margin:0 0 8px}
.lc-intro p{margin:0;color:#dcd7ff;font-size:15px}
.lc-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lc-siatka li{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:40px;padding-left:44px}
.lc-siatka span{position:absolute;left:0;top:50%;margin-top:-17px;display:inline-flex;width:34px;height:34px;color:var(--dodatek)}
.lc-siatka b{font:800 24px/1.1 var(--f-n);color:#fff;white-space:nowrap}
.lc-siatka small{font-size:13px;color:#dcd7ff;line-height:1.3}

/* mapa działów */
.mapa{padding:34px 0 50px}
.mapa-nag{display:flex;gap:14px;align-items:flex-start}
.mapa-ik{display:inline-flex;width:48px;height:48px;padding:11px;border-radius:14px;background:var(--lawenda);color:var(--akcent);flex:none}
.mapa-dz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.mapa-dz>li:first-child{grid-column:span 2}
.mapa-dz>li{display:flex;flex-direction:column;justify-content:center;background:var(--pow);border-radius:16px;box-shadow:0 0 0 1px var(--linia);padding:10px 12px}
.mapa-dz>li>a{display:flex;gap:12px;align-items:center}
.mapa-di{display:inline-flex;width:42px;height:42px;padding:4px;border-radius:12px;background:var(--kd);flex:none}
.mapa-n{display:flex;flex-direction:column;line-height:1.3}
.mapa-n b{font:700 16px/1.25 var(--f-n)}
.mapa-n small{font-size:13px;color:var(--t2)}
.mapa-pod{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px 54px}
.mapa-pod a{font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--kd)}

/* stopka */
.stopka{background:var(--stopka);color:var(--stopka-tekst);padding:44px 0 0;margin-top:20px}
.stop-uklad{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
.znak-jasny .znak-tekst b{color:#fff}
.znak-jasny .znak-tekst small{color:#c9c4f0}
.znak-jasny .znak-rys{background:#fff;border-radius:12px;padding:5px}
.stop-opis p{margin:14px 0 0;color:#c9c4f0;font-size:14.5px;max-width:380px}
.stopka h2{font-size:15px;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin:4px 0 12px}
.stopka ul{display:grid;gap:6px;font-size:14.5px}
.stopka .stop-dz{display:block;columns:2;column-gap:16px}
.stop-dz li{margin-bottom:6px;break-inside:avoid}
.stopka a:hover{color:var(--dodatek)}
.stop-dol{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:16px;padding-bottom:20px;font-size:13.5px;color:#b9b3e6}
.st-dokumenty{color:#c9c4f0}

/* okruchy */
.okruchy ol{display:flex;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;align-items:center;gap:4px 8px;font-size:13.5px;font-weight:600;color:var(--t2);padding:16px 0 10px}
.okruchy li{display:inline-flex;align-items:center;gap:8px;flex:none}
.okruchy li:last-child{flex:0 1 auto;min-width:0}
.okruchy li:last-child span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.okruchy li+li::before{content:"›";color:#a7a2c8}
.okruchy a{color:var(--akcent)}
.ok-dom{display:inline-flex;width:18px;height:18px}

/* strona działu */
.dz-hero{padding:4px 0 10px}
.dz-hero-uklad{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;background:linear-gradient(120deg,#fff 0%,var(--kd) 100%);border-radius:26px;padding:28px 34px;box-shadow:0 0 0 1px var(--linia);position:relative;overflow:hidden}
.dz-hero-uklad.z-foto{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:28px 28px 28px 34px}
.dz-hero-ik{display:inline-flex;width:58px;height:58px;padding:6px;border-radius:16px;background:var(--pow);box-shadow:var(--cien);margin-bottom:14px}
.dz-hero h1{margin:0 0 6px}
.dz-pod{font:600 17px/1.35 var(--f-n);margin:0 0 10px}
.dz-opis{color:var(--t2);font-size:15.5px;max-width:620px}
.dz-opis p{margin:0 0 8px}
.dz-rodzic{margin:8px 0 0}
.dz-hero-foto{border-radius:20px;overflow:hidden;box-shadow:var(--cien-m)}
.dz-hero-obraz{width:100%;aspect-ratio:1.5;object-fit:cover}
.dz-staty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.dz-staty li{position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:56px!important;background:var(--pow);border-radius:16px;padding:12px 16px;box-shadow:0 0 0 1px var(--linia)}
.dz-staty span{position:absolute;left:16px;top:50%;margin-top:-15px;display:inline-flex;width:30px;height:30px;color:var(--akcent)}
.dz-staty b{font:800 19px/1.15 var(--f-n)}
.dz-staty small{font-size:12.5px;color:var(--t2)}
.dz-chipy{display:flex;align-items:center;gap:10px;margin-top:14px}
.dz-chipy-et{flex:none;font-weight:700;font-size:14px}
.dz-chipy ul{display:flex;flex-wrap:wrap;gap:8px;scrollbar-width:none;padding:4px 2px}
.dz-chipy ul::-webkit-scrollbar{display:none}
.dz-chipy li{flex:none}
.dz-chipy a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--pow);box-shadow:0 0 0 1px var(--linia);font-weight:700;font-size:13.5px;white-space:nowrap}
.dz-chipy a small{color:var(--akcent);font-size:12px}
.dz-chipy a:hover{background:var(--akcent);color:#fff}
.dz-chipy a:hover small{color:#fff}
.dz-uklad{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;margin-top:22px}
.stronice{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 10px}
.stronice ul{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.stronice a,.st-biez,.st-przerwa{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:50%;font-weight:700;font-size:15px}
.stronice a:hover{background:var(--lawenda)}
.st-biez{background:var(--akcent);color:#fff}
.st-kier{background:var(--pow);box-shadow:0 0 0 1px var(--linia);padding:10px!important}
.st-kier span{display:inline-flex;width:18px;height:18px}
.st-wstecz span{transform:rotate(180deg)}
.brak-wpisow{background:var(--pow);border-radius:18px;padding:24px;box-shadow:0 0 0 1px var(--linia)}
.dz-bok{display:grid;gap:18px}
.bok-karta{background:var(--pow);border-radius:20px;padding:20px;box-shadow:0 0 0 1px var(--linia)}
.bok-karta h2{font-size:17px;margin:0 0 12px}
.bok-dz{display:grid;gap:4px}
.bok-dz a{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px;font-weight:600;font-size:14.5px}
.bok-dz a:hover{background:var(--lawenda)}
.bok-dz a>span{display:inline-flex;width:30px;height:30px;flex:none}
.bok-dz small{margin-left:auto;color:var(--t2);font-size:12.5px;font-weight:700}
.bok-num{display:grid;gap:10px}
.bok-num li{display:flex;gap:10px;font-size:14.5px;font-weight:600;line-height:1.35}
.bok-nr{flex:none;width:26px;height:26px;border-radius:50%;background:var(--zolty);color:var(--zolty-tekst);font:800 13px/26px var(--f-n);text-align:center}
.dz-tematy{padding:34px 0 10px}
.dz-tem-lista{display:grid;gap:10px}
.dz-temat{background:var(--pow);border-radius:16px;box-shadow:0 0 0 1px var(--linia);scroll-margin-top:16px}
.dz-temat:target{box-shadow:0 0 0 2px var(--akcent)}
.dz-temat summary{display:flex;align-items:center;gap:14px;padding:14px 18px}
.dz-tem-ik{display:inline-flex;width:42px;height:42px;padding:9px;border-radius:12px;background:var(--lawenda);color:var(--akcent);flex:none}
.dz-tem-naz{flex:1;display:flex;flex-direction:column}
.dz-tem-naz b{font:700 17px/1.25 var(--f-n)}
.dz-tem-naz small{color:var(--t2);font-size:13.5px}
.dz-tem-licz{font:800 18px/1 var(--f-n);color:var(--akcent);background:var(--lawenda);border-radius:10px;padding:8px 10px}
.dz-tem-zn{display:inline-flex;width:20px;height:20px;color:var(--akcent);transition:transform .2s}
.dz-temat[open] .dz-tem-zn{transform:rotate(90deg)}
.dz-temat ul{columns:3;column-gap:28px;padding:4px 18px 16px 74px}
.dz-temat li{break-inside:avoid}
.dz-temat li a{display:block;padding:5px 0;font-size:14px;font-weight:600;line-height:1.35;border-bottom:1px dashed var(--linia)}
.dz-tem-wiecej{margin:0;padding:0 18px 16px 74px;font-size:13.5px;color:var(--t2)}
.dz-powiazane{padding:26px 0 10px}
.pw-ramka{background:linear-gradient(120deg,#f4f1ff,#ebe5ff);border-radius:24px;padding:24px 28px}
.pw-ramka h2{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 16px}
.pw-ramka h2 span{display:inline-flex;width:30px;height:30px;color:var(--akcent)}
.pw-lista{display:flex;gap:12px}
.pw-lista li{flex:1}
.pw-lista a{display:flex;align-items:center;justify-content:space-between;gap:10px;height:100%;background:var(--pow);border-radius:14px;padding:14px 16px;font:700 16px/1.25 var(--f-n);box-shadow:0 0 0 1px var(--linia)}
.pw-lista a span{display:inline-flex;width:18px;height:18px;color:var(--akcent);flex:none}

/* wpis */
.strona-wpisu{padding-bottom:20px}
.art-uklad{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;margin-top:6px}
.artykul{min-width:0;max-width:780px}
.art-nagl{margin-bottom:20px}
.art-nagl .chip{background:var(--kd);color:var(--tekst);margin-bottom:12px}
.art-nagl .chip:hover{background:var(--akcent);color:#fff}
.art-nagl h1{font-size:clamp(30px,3.6vw,44px);line-height:1.1;margin:0 0 14px}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;color:var(--t2);font-size:14px}
.art-meta .meta-ik{width:17px;height:17px}
.meta-av{display:inline-flex;width:24px;height:24px}
.art-meta a{font-weight:700;color:var(--tekst)}
.art-akt{margin:10px 0 0;font-size:13.5px;color:var(--t2)}
.art-foto{margin:0 0 22px;text-align:center}
.art-obraz{display:inline-block;max-width:100%;height:auto;border-radius:18px;margin:0 auto}
.skrot{display:flex;gap:16px;align-items:flex-start;background:var(--zolty);border-radius:18px;padding:18px 20px;margin:0 0 22px;box-shadow:0 0 0 1px var(--zolty-linia)}
.skrot-ik{display:inline-flex;width:44px;height:44px;padding:9px;border-radius:50%;background:#fff;color:#d08a00;flex:none}
.skrot-tyt{font:800 17px/1.2 var(--f-n);margin:0 0 6px}
.skrot p{margin:0 0 6px;font-size:15.5px}
.skrot p:last-child{margin:0}
.spis{background:linear-gradient(180deg,#f4f1ff,#fbfaff);border-radius:18px;padding:18px 20px;margin:0 0 26px;box-shadow:0 0 0 1px var(--linia)}
.spis-tyt{display:flex;align-items:center;gap:10px;font:800 19px/1.2 var(--f-n);margin:0 0 10px}
.spis-tyt span{display:inline-flex;width:24px;height:24px;color:var(--akcent)}
.spis ol{display:grid}
.spis li a{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--linia);font-weight:600;font-size:15px;line-height:1.35}
.spis li:last-child a{border-bottom:0}
.spis-nr{flex:none;color:var(--akcent);font-weight:800;min-width:22px}
.spis-h{flex:1}
.spis-zn{display:inline-flex;width:16px;height:16px;flex:none;color:var(--t2)}
.art-tresc{font-size:17px;line-height:1.72}
.art-sekcja{scroll-margin-top:16px}
.art-sekcja h2{font-size:clamp(23px,2.3vw,28px);margin:34px 0 14px}
.art-html h3{font-size:20px;margin:26px 0 10px}
.art-html h4{font-size:17.5px;margin:22px 0 8px}
.art-html p,.art-html li{overflow-wrap:break-word}
.art-html ul,.art-html ol{margin:0 0 1.1em;padding-left:1.4em}
.art-html ul{list-style:none;padding-left:0}
.art-html ul>li{position:relative;padding-left:24px;margin-bottom:6px}
.art-html ul>li::before{content:"";position:absolute;left:5px;top:.72em;width:8px;height:8px;border-radius:3px;background:var(--dodatek)}
.art-html ol{list-style:decimal}
.art-html ol>li{margin-bottom:6px;padding-left:4px}
.art-html ol>li::marker{color:var(--akcent);font-weight:800}
.art-html a{color:var(--akcent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.art-html strong,.art-html b{color:var(--tekst)}
.art-html blockquote{margin:24px 0;padding:18px 22px 18px 24px;border-radius:16px;background:var(--lawenda);border-left:5px solid var(--akcent);font:500 18px/1.55 var(--f-n)}
.art-html blockquote p:last-child{margin:0}
.art-html table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;line-height:1.5;display:block;overflow-x:auto}
.art-html th,.art-html td{padding:10px 12px;border-bottom:1px solid var(--linia);text-align:left;vertical-align:top}
.art-html th{background:var(--akcent-jasny);font-weight:700}
.art-html tr:nth-child(even) td{background:#fbfaff}
.art-html .wiersz-suma td{font-weight:700;background:var(--zolty)!important}
.art-html details{background:var(--pow);border-radius:14px;box-shadow:0 0 0 1px var(--linia);padding:0 16px}
.art-html details summary{padding:13px 0;font-weight:700;font-size:16px;line-height:1.4}
.art-html details[open] summary{border-bottom:1px dashed var(--linia);margin-bottom:10px}
.art-html .ramka-rada{background:var(--zolty);border-radius:14px;padding:14px 18px;box-shadow:0 0 0 1px var(--zolty-linia)}
.art-html img{border-radius:14px}
.art-html pre,.art-html code{font-family:ui-monospace,monospace;font-size:.92em;background:var(--lawenda);border-radius:6px}
.art-html code{padding:1px 5px}
.art-html pre{padding:14px;overflow-x:auto}
.art-sas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:36px 0 0}
.art-sas-1{grid-template-columns:minmax(0,1fr)}
.art-sas a{display:flex;flex-direction:column;gap:4px;background:var(--pow);border-radius:16px;padding:14px 18px;box-shadow:0 0 0 1px var(--linia);font-weight:700;font-size:15px;line-height:1.35}
.art-sas small{font-size:12.5px;color:var(--akcent);text-transform:uppercase;letter-spacing:.06em}
.art-nast{text-align:right}
.art-bok{display:grid;gap:18px;position:sticky;top:20px}
.fisz-karta{position:relative;background:#fff;border-radius:18px;padding:18px 20px 16px;box-shadow:var(--cien),0 0 0 1px var(--linia);overflow:hidden;background-image:repeating-linear-gradient(180deg,transparent 0 31px,#e9e6f7 31px 32px);background-position:0 67px}
.fisz-karta::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--kd)}
.fk-tyt{font:800 13px/1 var(--f-n);text-transform:uppercase;letter-spacing:.08em;color:var(--akcent);margin:6px 0 0}
.fk-lit{position:absolute;right:18px;top:12px;margin:0;font:800 44px/1 var(--f-n);color:#d63c3c;opacity:.85}
.fisz-karta dl{margin:30px 0 0;display:grid}
.fisz-karta dl div{display:flex;justify-content:space-between;gap:10px;height:32px;align-items:center;font-size:14.5px}
.fisz-karta dt{color:var(--t2)}
.fisz-karta dd{margin:0;font-weight:700;text-align:right}
.fisz-karta dd a{color:var(--akcent)}
.bok-linki{display:grid;gap:2px}
.bok-linki li{padding:7px 0;border-bottom:1px dashed var(--linia);font-weight:600;font-size:14.5px;line-height:1.35}
.bok-linki li:last-child{border-bottom:0}
.bok-linki small{display:block;font-size:12px;color:var(--t2);font-weight:600;margin-top:2px}
.bok-cta{background:var(--kd);border-radius:20px;padding:20px;text-align:left}
.bok-cta-ik{display:inline-flex;width:48px;height:48px;margin-bottom:8px}
.bok-cta h2{font-size:19px;margin:0 0 4px}
.bok-cta p{margin:0 0 12px;font-size:14px;color:var(--t2)}
.art-pokrewne{margin:44px 0 0}
.art-pokrewne>h2,.art-z-dzialu>h2{font-size:24px}
.kafle-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kafle-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.karta{display:flex;flex-direction:column;gap:8px;background:var(--pow);border-radius:18px;padding:18px;box-shadow:0 0 0 1px var(--linia);border-top:6px solid var(--kd)}
.karta-gora{display:flex;align-items:center;gap:10px}
.karta-lit{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--kd);font:800 20px/1 var(--f-n);color:var(--akcent)}
.karta h3{font-size:16.5px;margin:0;line-height:1.3}
.karta-lead{font-size:14px;color:var(--t2);margin:0;line-height:1.45}
.karta .meta{margin-top:auto}
.art-z-dzialu{margin:34px 0 10px;background:var(--pow);border-radius:20px;padding:22px 24px;box-shadow:0 0 0 1px var(--linia)}
.art-z-dzialu ul{columns:2;column-gap:28px}
.art-z-dzialu li{break-inside:avoid}
.art-z-dzialu li a{display:flex;gap:8px;padding:7px 0;font-weight:600;font-size:15px;line-height:1.35}
.art-z-dzialu li a span{display:inline-flex;width:16px;height:16px;flex:none;margin-top:3px;color:var(--akcent)}

/* strony stałe, dokumenty, 404 */
.art-waski{max-width:820px;margin:0 auto 30px}
.strona-dokumentu .art-tresc,.strona-stala .art-tresc{font-size:16.5px}
.red-dzialy{max-width:820px;margin:10px auto 30px}
.red-dz{display:block;columns:2;column-gap:12px;background:var(--pow);border-radius:18px;padding:12px;box-shadow:0 0 0 1px var(--linia)}
.strona-bledu{padding-bottom:30px}
.blad{text-align:center;max-width:680px;margin:30px auto 34px;display:flex;flex-direction:column;align-items:center}
.blad-lit{font:800 110px/1 var(--f-n);color:var(--akcent);margin:0 0 6px;letter-spacing:-.03em}
.blad-lit span{color:var(--dodatek)}
.blad-opis{color:var(--t2);font-size:17px}
.blad-szuk{width:100%}
.blad-dz{max-width:820px;margin:0 auto 30px}
.blad-dz h2,.blad-naj h2{font-size:22px}

/* tablet */
@media (max-width:1100px){
  .menu{display:none}
  .nagl-uklad{justify-content:space-between}
  .szuk{margin-left:auto}
  .mmenu{display:block}
  .hero-uklad{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);padding-left:36px}
  .dz-kafle{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sc-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prz-siatka{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ck-siatka.ck-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-siatka.ck-3 .ck-cytat{grid-column:span 2}
  .lc-ramka{grid-template-columns:minmax(0,1fr)}
  .mapa-dz{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art-uklad{grid-template-columns:minmax(0,1fr) 270px;gap:28px}
  .dz-uklad{grid-template-columns:minmax(0,1fr) 280px}
  .kafle-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dz-temat ul{columns:2}
}
@media (max-width:860px){
  .hero-uklad{grid-template-columns:minmax(0,1fr);padding:0;border-radius:24px}
  .hero-foto{order:-1}
  .hero-obraz{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
  .hero-tresc{padding:4px 24px 28px}
  .hero-smuga{display:none}
  .naj-uklad{grid-template-columns:minmax(0,1fr)}
  .pomoc-uklad{grid-template-columns:minmax(0,1fr)}
  .art-uklad{grid-template-columns:minmax(0,1fr)}
  .art-bok{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .art-bok>*:last-child:nth-child(odd){grid-column:span 2}
  .dz-uklad{grid-template-columns:minmax(0,1fr)}
  .dz-hero-uklad.z-foto{grid-template-columns:minmax(0,1fr)}
  .dz-hero-foto{order:-1}
  .pop-siatka{grid-template-columns:minmax(0,1fr)}
  .kafle-3{grid-template-columns:minmax(0,1fr)}
}
/* telefon */
@media (max-width:700px){
  body{font-size:16px}
  .rama{padding:0 16px}
  .nagl-uklad{min-height:66px;gap:8px}
  .nagl-cta{display:none}
  .znak-rys{width:40px;height:40px}
  .znak-tekst b{font-size:20px}
  .znak-tekst small{font-size:11.5px}
  .hero{padding:12px 0 18px}
  .hero h1{font-size:34px;min-height:calc(2*1.04em)}
  .hero-lead{font-size:18px}
  .hero-opis{font-size:15px;min-height:calc(4*1.62em)}
  .hero-tresc{padding:2px 18px 24px}
  .hero-szuk button{padding:10px 14px}
  .hero-cta .cta{flex:1;padding:12px 14px;white-space:nowrap;justify-content:center}
  .dzialy,.sciezki,.najnowsze,.az,.przedmioty,.przeglad,.ciekawostki,.pomoc,.popularne,.liczby{padding:22px 0}
  .dz-kafle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dz-kafel a{min-height:118px;padding:14px 8px}
  .dz-pierwszy a{padding:16px 18px}
  .sc-siatka{grid-template-columns:minmax(0,1fr)}
  .naj-duzy{min-height:0;padding:22px;justify-content:flex-start}
  .naj-ik{position:static;width:56px;height:56px;padding:10px}
  .naj-lit{font-size:200px}
  .wiersz{gap:12px;padding:12px}
  .fiszka{width:64px;height:68px}
  .fiszka b{font-size:30px}
  .fiszka small{display:none}
  .fiszka::after{top:18px}
  .wiersz .kolko{display:none}
  .wiersz-lead{display:none}
  .wiersz h3{font-size:16px}
  .az-ramka{padding:20px 16px;border-radius:20px}
  .az-litery{gap:6px;padding:10px}
  .az-litery{grid-template-columns:repeat(8,minmax(0,1fr))}
  .az-litery li{height:50px}

  .prz-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .prz-el{padding:14px}
  .prz-nag{flex-direction:column;align-items:flex-start;gap:8px}
  .prz-el>p{display:none}
  .prz-el ul{display:none}
  .prz-nag{margin-bottom:0}
  .pg-siatka{grid-template-columns:minmax(0,1fr)}
  .ck-siatka,.ck-siatka.ck-3{grid-template-columns:minmax(0,1fr)}
  .ck-siatka.ck-3 .ck-cytat{grid-column:auto}
  .pm-el{padding:18px}
  .pop-el a{height:150px}
  .lc-ramka{padding:24px 20px}
  .lc-siatka{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .mapa-dz{grid-template-columns:minmax(0,1fr)}
  .mapa-dz>li:first-child{grid-column:auto}
  .stop-uklad{grid-template-columns:minmax(0,1fr);gap:24px}
  .stop-dol{flex-direction:column;gap:4px}
  .dz-hero-uklad,.dz-hero-uklad.z-foto{padding:18px;border-radius:20px}
  .dz-staty{grid-template-columns:minmax(0,1fr)}
  .dz-staty li{padding:10px 14px}
  .dz-chipy{flex-direction:column;align-items:flex-start;gap:6px}
  .dz-chipy ul{max-width:100%;flex-wrap:nowrap;overflow-x:auto}
  .dz-temat summary{padding:12px 14px;gap:10px}
  .dz-tem-ik{display:none}
  .dz-temat ul{columns:1;padding:4px 14px 14px}
  .dz-tem-wiecej{padding:0 14px 14px}
  .pw-lista{flex-direction:column}
  .art-tresc{font-size:16.5px}
  .art-nagl h1{font-size:30px}
  .art-bok{grid-template-columns:minmax(0,1fr)}
  .art-bok>*:last-child:nth-child(odd){grid-column:auto}
  .art-sas{grid-template-columns:minmax(0,1fr)}
  .art-nast{text-align:left}
  .art-z-dzialu ul{columns:1}
  .kafle-4{grid-template-columns:minmax(0,1fr)}
  .red-dz{columns:1}
  .blad-lit{font-size:84px}
}

.red-dz li{break-inside:avoid}