@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/fraunces/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxCFTeO-U.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: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/fraunces/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.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: 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: 500; 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: 500; 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: #f6f1e9;--pow: #ffffff;--tekst: #1e1d1b;--t2: #5c554d;--linia: #e3d9ca;--akcent: #c82320;--akcent-tekst: #ffffff;--dodatek: #eba81a;--r: 14px;--f-n: 'Fraunces', Georgia, 'Times New Roman', serif;--f-t: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--akcent-jasny: #fbe9e7;--akcent-cien: #961816;--stopka: #1f2229;--stopka-tekst: #ece7df;--tlo-cieple: #efe7da;--tlo-karta-alt: #faf7f2;--zloty-tekst: #593b00;--zloty-jasny: #fef6df;--zloty-ramka: #ebd089;--dz-slownictwo: #262930;--dz-czasowniki: #c82320;--dz-gramatyka: #dc9614;--dz-komunikacja: #2f6f4e;--dz-nauka: #27547d;--kd: var(--akcent);--cien-maly: 0 2px 8px rgba(30, 29, 27, 0.05);--cien-karta: 0 8px 24px rgba(30, 29, 27, 0.07);--cien-mocny: 0 14px 34px rgba(30, 29, 27, 0.12);--szerokosc-max: 1320px}
.dzial--slownictwo, .ksiazka-grzbiet--slownictwo, .dzial-wizytowka--slownictwo{--kd: #262930}
.dzial--czasowniki, .ksiazka-grzbiet--czasowniki, .dzial-wizytowka--czasowniki{--kd: #c82320}
.dzial--gramatyka, .ksiazka-grzbiet--gramatyka, .dzial-wizytowka--gramatyka{--kd: #dc9614}
.dzial--komunikacja, .ksiazka-grzbiet--komunikacja, .dzial-wizytowka--komunikacja{--kd: #2f6f4e}
.dzial--nauka-niemieckiego, .ksiazka-grzbiet--nauka-niemieckiego, .dzial-wizytowka--nauka-niemieckiego{--kd: #27547d}
*, *::before, *::after{box-sizing: border-box}
html{font-size: 16px;scroll-behavior: smooth;-webkit-text-size-adjust: 100%;background-color: var(--tlo);color: var(--tekst)}
body{margin: 0;font-family: var(--f-t);font-size: 1rem;line-height: 1.6;color: var(--tekst);background-color: var(--tlo);overflow-x: hidden;overflow-wrap: break-word;word-break: break-word}
img, picture, video, canvas{display: block;max-width: 100%;height: auto}
svg{display: inline-block;width: 1.25rem;height: 1.25rem;fill: currentColor;vertical-align: middle;flex-shrink: 0}
a{color: inherit;text-decoration: none;transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease}
h1, h2, h3, h4, h5, h6{margin: 0 0 0.65rem;font-family: var(--f-n);font-weight: 700;line-height: 1.2;color: var(--tekst);letter-spacing: -0.015em}
p{margin: 0 0 1rem}
p:last-child{margin-bottom: 0}
ul, ol{margin: 0;padding: 0}
:focus-visible{outline: 3px solid var(--akcent);outline-offset: 3px;border-radius: 4px}
.tylko-czytnik{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important}
.skok-tresc{position: absolute;top: -100px;left: 1rem;z-index: 1000;padding: 0.75rem 1.25rem;background: var(--akcent);color: var(--akcent-tekst);font-weight: 700;border-radius: 8px;box-shadow: var(--cien-mocny)}
.skok-tresc:focus{top: 1rem}
.szerokosc{width: 100%;max-width: var(--szerokosc-max);margin-inline: auto;padding-inline: 1.5rem}
.naglowek-strony{position: sticky;top: 0;z-index: 200;background-color: var(--pow);border-bottom: 1px solid var(--linia);box-shadow: 0 2px 12px rgba(30, 29, 27, 0.04)}
.naglowek-pasek-flaga{height: 4px;background: linear-gradient(90deg, #1e1d1b 0%, #1e1d1b 33.33%, #c82320 33.33%, #c82320 66.66%, #eba81a 66.66%, #eba81a 100%)}
.naglowek-wnetrze{display: flex;align-items: center;justify-content: space-between;gap: 1.25rem;min-height: 76px;padding-block: 0.5rem}
.marka{display: inline-flex;align-items: center;gap: 0.75rem;min-height: 44px;flex-shrink: 0}
.marka-znak{width: 48px;height: 48px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;background: var(--tlo);border: 1px solid var(--linia)}
.marka-dymek{width: 44px;height: 44px;object-fit: contain;aspect-ratio: 1 / 1}
.marka-tekst{display: flex;flex-direction: column;line-height: 1.05}
.marka-linia-1{font-family: var(--f-n);font-size: 1.35rem;font-weight: 700;color: var(--tekst)}
.marka-linia-2{font-family: var(--f-n);font-size: 1.25rem;font-weight: 700;color: var(--akcent)}
.marka-podtytul{font-size: 0.75rem;font-weight: 500;color: var(--t2);margin-top: 0.15rem}
.marka--jasna .marka-linia-1{color: #ffffff}
.marka--jasna .marka-linia-2{color: #ff6b68}
.nawigacja-glowna{flex: 1;display: flex;justify-content: center;min-width: 0}
.menu-lista{list-style: none;display: flex;align-items: center;flex-wrap: wrap;gap: 0.25rem}
.menu-pozycja{margin: 0}
.menu-link{display: inline-flex;align-items: center;gap: 0.4rem;min-height: 44px;padding: 0.5rem 0.85rem;border-radius: 10px;font-weight: 600;font-size: 0.95rem;color: var(--tekst)}
.menu-link:hover{background-color: var(--tlo);color: var(--akcent)}
.menu-pozycja--aktywna .menu-link{background-color: var(--akcent-jasny);color: var(--akcent-cien);font-weight: 700}
.menu-ikona{display: inline-flex;color: var(--kd, var(--akcent))}
.menu-ikona svg{width: 1.1rem;height: 1.1rem}
.menu-strzalka{font-size: 0.75rem;color: var(--t2)}
.naglowek-akcje{display: flex;align-items: center;gap: 0.65rem;flex-shrink: 0}
.naglowek-sciaga-btn{display: inline-flex;align-items: center;gap: 0.55rem;min-height: 44px;padding: 0.45rem 0.95rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: 999px;font-size: 0.875rem;font-weight: 700;color: var(--tekst)}
.naglowek-sciaga-btn:hover{border-color: var(--akcent);background-color: var(--akcent-jasny);color: var(--akcent-cien)}
.sciaga-kropki{display: inline-flex;align-items: center;gap: 3px}
.sciaga-kropki i{display: inline-block;width: 8px;height: 8px;border-radius: 50%}
.kr-czarny{background-color: #1e1d1b}
.kr-czerwony{background-color: #c82320}
.kr-zloty{background-color: #eba81a}
.menu-mobilne{display: none;position: relative}
.menu-mobilne-przycisk{list-style: none;display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 10px;background-color: var(--akcent);color: var(--akcent-tekst);cursor: pointer;border: none}
.menu-mobilne-przycisk::-webkit-details-marker{display: none}
.menu-kreseczki{position: relative;width: 20px;height: 2px;background-color: currentColor;display: block}
.menu-kreseczki::before, .menu-kreseczki::after{content: "";position: absolute;left: 0;width: 20px;height: 2px;background-color: currentColor}
.menu-kreseczki::before{top: -6px}
.menu-kreseczki::after{top: 6px}
.menu-mobilne-panel{position: absolute;top: calc(100% + 0.5rem);right: 0;width: min(320px, calc(100vw - 2rem));background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-mocny);padding: 1.15rem;z-index: 300}
.menu-mobilne-naglowek{font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;color: var(--t2);margin-bottom: 0.5rem}
.menu-mobilne-lista{list-style: none;display: flex;flex-direction: column;gap: 0.25rem;margin-bottom: 1rem}
.menu-mobilne-lista a{display: flex;align-items: center;gap: 0.65rem;min-height: 44px;padding: 0.5rem 0.75rem;border-radius: 8px;font-weight: 700;color: var(--tekst)}
.menu-mobilne-lista a:hover, .menu-mobilne-lista a[aria-current="page"]{background-color: var(--tlo);color: var(--akcent)}
.menu-mobilne-ikona{color: var(--kd, var(--akcent));display: inline-flex}
.menu-mobilne-skroty{border-top: 1px solid var(--linia);padding-top: 0.75rem;display: flex;flex-direction: column;gap: 0.25rem}
.menu-mobilne-skroty a{display: flex;align-items: center;min-height: 44px;padding: 0.35rem 0.5rem;font-size: 0.875rem;font-weight: 600;color: var(--t2)}
.menu-mobilne-skroty a:hover{color: var(--akcent)}
.hero-sekcja{position: relative;padding-top: 2.25rem;padding-bottom: 2.5rem;overflow: hidden;border-bottom: 1px solid var(--linia)}
.hero-tlo-warstwa{position: absolute;inset: 0;z-index: 0;max-height: 560px;overflow: hidden}
.hero-obraz{width: 100%;height: 100%;min-height: 460px;aspect-ratio: 16 / 7;object-fit: cover;object-position: center right}
.hero-mgla{position: absolute;inset: 0;background: linear-gradient( 90deg, rgba(246, 241, 233, 0.97) 0%, rgba(246, 241, 233, 0.93) 44%, rgba(246, 241, 233, 0.55) 72%, rgba(246, 241, 233, 0.15) 100% )}
.hero-uklad{position: relative;z-index: 1;min-height: 390px;display: flex;align-items: center}
.hero-karta-tresc{max-width: 650px;padding: 1.5rem 1.75rem 1.75rem;background: rgba(255, 255, 255, 0.88);border: 1px solid var(--linia);border-radius: calc(var(--r) + 4px);box-shadow: var(--cien-karta)}
.hero-pasek-akcent{margin-bottom: 0.75rem;max-width: 180px}
.hero-flaga-pedzel{height: 18px;width: auto;aspect-ratio: 8 / 1;object-fit: contain}
.hero-tytul{font-size: clamp(2rem, 3.4vw, 3.05rem);line-height: 1.12;margin-bottom: 0.9rem;color: var(--tekst)}
.hero-opis{font-size: 1.08rem;color: var(--t2);margin-bottom: 1.4rem;max-width: 58ch}
.hero-kafelki-informacyjne{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.75rem}
.hero-mikro-kafelek{min-width: 0;display: flex;align-items: center;gap: 0.65rem;padding: 0.65rem 0.8rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: 10px;box-shadow: var(--cien-maly)}
.hero-mikro-ikona{width: 36px;height: 36px;border-radius: 8px;background-color: var(--akcent-jasny);color: var(--akcent);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.hero-mikro-ikona svg{width: 1.2rem;height: 1.2rem}
.hero-mikro-tekst{min-width: 0;display: flex;flex-direction: column;line-height: 1.25}
.hero-mikro-tekst strong{font-size: 0.9rem;font-weight: 800;color: var(--tekst)}
.hero-mikro-tekst span{font-size: 0.75rem;color: var(--t2)}
.wejscia-zadaniowe{position: relative;z-index: 2;margin-top: 1.75rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.wejscie-karta{min-width: 0;height: 100%;display: flex;align-items: center;gap: 1rem;padding: 1.25rem 1.35rem;background-color: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta)}
.wejscie-karta:hover{transform: translateY(-3px);box-shadow: var(--cien-mocny);border-color: var(--kd, var(--akcent))}
.wejscie-ikona-ramka{width: 52px;height: 52px;border-radius: 12px;background-color: var(--tlo);color: var(--kd, var(--akcent));border: 1px solid var(--linia);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.wejscie-ikona-ramka svg{width: 1.65rem;height: 1.65rem}
.wejscie-tresc{min-width: 0;flex: 1;display: flex;flex-direction: column;gap: 0.25rem}
.wejscie-tytul{font-family: var(--f-n);font-size: 1.2rem;font-weight: 700;color: var(--tekst)}
.wejscie-opis{font-size: 0.875rem;line-height: 1.45;color: var(--t2)}
.wejscie-strzalka{width: 36px;height: 36px;border-radius: 50%;background-color: var(--akcent-jasny);color: var(--akcent);display: inline-flex;align-items: center;justify-content: center;font-weight: 800;flex-shrink: 0}
.wejscie-karta:hover .wejscie-strzalka{background-color: var(--akcent);color: var(--akcent-tekst)}
.sekcja-tytul{font-size: clamp(1.6rem, 2.4vw, 2.2rem);color: var(--tekst);margin-bottom: 0.45rem}
.sekcja-podtytul{font-size: 1rem;font-weight: 600;color: var(--t2);margin-bottom: 1.25rem}
.sekcja-opis{font-size: 1rem;color: var(--t2);max-width: 68ch}
.sekcja-kicker{display: inline-block;padding: 0.25rem 0.7rem;margin-bottom: 0.55rem;border-radius: 999px;background-color: var(--akcent-jasny);color: var(--akcent-cien);font-size: 0.78rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em}
.sekcja-dzialy-i-stos{padding-block: 3.25rem}
.uklad-stos-dzialy{display: grid;grid-template-columns: minmax(0, 380px) minmax(0, 1fr);gap: 2.5rem;align-items: start}
.kolumna-stos-ksiazek, .kolumna-karty-dzialow{min-width: 0}
.stos-naglowek{margin-bottom: 1.5rem}
.stos-ksiazek-scena{position: relative;display: flex;flex-direction: column;gap: 0.55rem;padding: 1.25rem 0.5rem 1rem}
.stos-zarowka{position: absolute;top: -12px;left: -6px;width: 42px;height: 42px;border-radius: 50%;background: var(--zloty-jasny);border: 1px solid var(--zloty-ramka);color: var(--zloty-tekst);display: inline-flex;align-items: center;justify-content: center;box-shadow: var(--cien-maly);z-index: 3}
.stos-zarowka svg{width: 1.35rem;height: 1.35rem}
.ksiazka-grzbiet{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;min-height: 56px;padding: 0.75rem 1.15rem 0.75rem 1.75rem;background-color: var(--kd, #262930);color: #ffffff;border-radius: 8px 14px 14px 8px;box-shadow: 0 6px 14px rgba(30, 29, 27, 0.16), inset 0 2px 0 rgba(255, 255, 255, 0.18);border-left: 14px solid #fdfbf7;transition: transform 0.2s ease, box-shadow 0.2s ease}
.ksiazka-grzbiet:nth-child(even){margin-left: 0.6rem}
.ksiazka-grzbiet:nth-child(odd){margin-right: 0.5rem}
.ksiazka-grzbiet:hover{transform: translateX(6px) translateY(-2px);box-shadow: 0 10px 22px rgba(30, 29, 27, 0.22)}
.ksiazka-grzbiet--gramatyka{color: #1e1d1b}
.ksiazka-grzbiet-lewa{display: inline-flex;align-items: center;gap: 0.65rem;min-width: 0}
.ksiazka-ikona{display: inline-flex;opacity: 0.92}
.ksiazka-ikona svg{width: 1.25rem;height: 1.25rem}
.ksiazka-nazwa{font-family: var(--f-n);font-size: 1.1rem;font-weight: 700}
.ksiazka-zakres{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;font-weight: 700;padding: 0.2rem 0.55rem;border-radius: 999px;background: rgba(0, 0, 0, 0.22);white-space: nowrap}
.ksiazka-grzbiet--gramatyka .ksiazka-zakres{background: rgba(255, 255, 255, 0.45);color: #1e1d1b}
.stos-podstawa{height: 14px;margin-top: 0.2rem;margin-inline: 0.75rem;border-radius: 50%;background: radial-gradient(ellipse at center, rgba(30, 29, 27, 0.24) 0%, rgba(30, 29, 27, 0) 75%)}
.dzialy-naglowek-blok{margin-bottom: 1.25rem}
.dzialy-kafelki-uklad{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.dzial-wizytowka{min-width: 0;height: 100%;display: flex;flex-direction: column;justify-content: space-between;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);overflow: hidden;box-shadow: var(--cien-karta);transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease}
.dzial-wizytowka:hover{transform: translateY(-3px);box-shadow: var(--cien-mocny);border-color: var(--kd, var(--akcent))}
.dzial-wizytowka-tekst{padding: 1.2rem 1.2rem 0.75rem;display: flex;flex-direction: column;gap: 0.4rem}
.dzial-wizytowka-ikona{width: 38px;height: 38px;border-radius: 10px;background-color: var(--tlo);color: var(--kd, var(--akcent));display: inline-flex;align-items: center;justify-content: center;margin-bottom: 0.2rem}
.dzial-wizytowka--gramatyka .dzial-wizytowka-ikona{color: #946000}
.dzial-wizytowka-tytul{font-size: 1.2rem;margin: 0}
.dzial-wizytowka-tytul a{display: inline-block;padding-block: 0.15rem}
.dzial-wizytowka-tytul a:hover{color: var(--akcent)}
.dzial-wizytowka-opis{font-size: 0.86rem;line-height: 1.45;color: var(--t2)}
.dzial-wizytowka-link{display: inline-flex;align-items: center;min-height: 44px;font-size: 0.85rem;font-weight: 800;color: var(--akcent);margin-top: 0.25rem}
.dzial-wizytowka-grafika{padding: 0 0.9rem 0.9rem;margin-top: auto}
.dzial-ilustracja-img, .dzial-ilustracja-mapa{width: 100%;height: 112px;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 10px;background-color: var(--tlo)}
.dzial-wizytowka--sciaga{background: linear-gradient(180deg, #ffffff 0%, #fcf6e8 100%);border-color: var(--zloty-ramka)}
.sciaga-flagi-pigułki{display: inline-flex;gap: 0.35rem;margin-bottom: 0.25rem}
.pigułka-der, .pigułka-die, .pigułka-das{display: inline-block;padding: 0.15rem 0.55rem;border-radius: 6px;font-size: 0.75rem;font-weight: 800}
.pigułka-der{background-color: #262930;color: #ffffff}
.pigułka-die{background-color: #c82320;color: #ffffff}
.pigułka-das{background-color: #eba81a;color: #1e1d1b}
.uklad-kart-2x2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.15rem}
.uklad-kart-3x2, .uklad-kart-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.uklad-kart-4, .uklad-kart-8{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem}
.uklad-kart-9{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.karta-fiszka{min-width: 0;height: 100%;display: flex;flex-direction: column;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-karta);overflow: hidden;transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease}
.karta-fiszka:hover{transform: translateY(-3px);box-shadow: var(--cien-mocny);border-color: var(--kd, var(--akcent))}
.karta-fiszka-pasek{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.7rem 1rem;background-color: var(--tlo-karta-alt);border-bottom: 1px solid var(--linia)}
.karta-dzial-etykieta{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 32px;padding: 0.2rem 0.65rem;border-radius: 6px;background-color: var(--kd, var(--akcent));color: #ffffff;font-size: 0.75rem;font-weight: 700}
.karta-fiszka[style*="#dc9614"] .karta-dzial-etykieta, .karta-fiszka[style*="#eba81a"] .karta-dzial-etykieta{color: #1e1d1b}
.karta-dzial-ikona svg{width: 0.95rem;height: 0.95rem}
.karta-indeks-znaczek{font-size: 0.72rem;font-weight: 700;color: var(--t2);background-color: var(--tlo);padding: 0.2rem 0.55rem;border-radius: 999px;border: 1px solid var(--linia);white-space: nowrap}
.karta-fiszka-korpus{padding: 1rem 1.1rem;flex: 1;display: flex;flex-direction: column;gap: 0.55rem}
.karta-haslo-wizualne{display: flex;align-items: center;gap: 0.65rem;padding: 0.65rem 0.85rem;border-radius: 10px;background: linear-gradient(135deg, var(--tlo) 0%, #ece3d5 100%);border-left: 4px solid var(--kd, var(--akcent))}
.karta-haslo-litera{width: 32px;height: 32px;border-radius: 8px;background-color: var(--pow);color: var(--tekst);font-family: var(--f-n);font-weight: 700;font-size: 1.05rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: var(--cien-maly)}
.karta-haslo-wyraz{font-family: var(--f-n);font-size: 0.95rem;font-weight: 700;color: var(--tekst);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.karta-tytul{font-size: 1.08rem;line-height: 1.32;margin: 0}
.karta-tytul-link{display: block;color: var(--tekst)}
.karta-tytul-link:hover{color: var(--akcent)}
.karta-zajawka{font-size: 0.86rem;line-height: 1.5;color: var(--t2);margin: 0}
.karta-fiszka-stopka{margin-top: auto;padding: 0.65rem 1.1rem;border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}
.karta-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 0.75rem;font-size: 0.78rem;color: var(--t2)}
.karta-meta-poz{display: inline-flex;align-items: center;gap: 0.3rem}
.karta-meta-ikona svg{width: 0.95rem;height: 0.95rem}
.karta-strzalka{width: 34px;height: 34px;border-radius: 50%;background-color: var(--tlo);color: var(--tekst);display: inline-flex;align-items: center;justify-content: center;font-size: 1.2rem;font-weight: 700;flex-shrink: 0}
.karta-fiszka:hover .karta-strzalka{background-color: var(--akcent);color: var(--akcent-tekst)}
.sekcja-warsztat{padding-block: 3.25rem;border-top: 1px solid var(--linia)}
.sekcja-warsztat--przypadki, .sekcja-warsztat--skladnia{background-color: var(--tlo-karta-alt)}
.sekcja-naglowek-rozbudowany, .sekcja-naglowek-prosty{display: flex;align-items: flex-end;justify-content: space-between;gap: 2rem;margin-bottom: 2rem}
.sekcja-naglowek-lewa{max-width: 760px}
.sekcja-naglowek-ozdoba, .sekcja-naglowek-ikony{flex-shrink: 0}
.wstega-zakladki-img, .czasowniki-stoper-img, .wymowa-ikona-para{height: 84px;width: auto;aspect-ratio: 4 / 3;object-fit: contain}
.warsztat-dwukolumnowy{display: grid;grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr);gap: 1.75rem;align-items: start}
.tablica-gramatyczna-panel{min-width: 0;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-karta);overflow: hidden}
.tablica-naglowek-pasek{padding: 1rem 1.25rem;background-color: #262930;color: #ffffff;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem}
.tablica-legenda{display: flex;flex-wrap: wrap;gap: 0.4rem;font-size: 0.75rem;font-weight: 700}
.tablica-legenda span{padding: 0.2rem 0.55rem;border-radius: 6px}
.leg-m{background-color: #27547d;color: #ffffff}
.leg-f{background-color: #c82320;color: #ffffff}
.leg-n{background-color: #eba81a;color: #1e1d1b}
.leg-pl{background-color: #2f6f4e;color: #ffffff}
.tabela-opakowanie{width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}
.tabela-deklinacji{width: 100%;border-collapse: collapse;font-size: 0.9rem;min-width: 540px}
.tabela-deklinacji th, .tabela-deklinacji td{padding: 0.8rem 0.9rem;border-bottom: 1px solid var(--linia);text-align: left;vertical-align: middle}
.tabela-deklinacji thead th{background-color: var(--tlo);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--t2);font-weight: 800}
.przypadek-pytanie{display: block;font-size: 0.75rem;color: var(--t2);font-weight: 500}
.forma-der{color: #1e466a;font-weight: 800}
.forma-die{color: #b51c19;font-weight: 800}
.forma-das{color: #8c5d00;font-weight: 800}
.forma-pl{color: #20573b;font-weight: 800}
.forma-zmiana{color: #7a2e00;background: #fff3d6;padding: 0.1rem 0.35rem;border-radius: 4px}
.forma-alarm{color: #ffffff;background: var(--akcent);padding: 0.1rem 0.4rem;border-radius: 4px}
.przyimki-regula-pasek{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;padding: 1.15rem 1.25rem;background-color: var(--tlo-karta-alt)}
.regula-box{padding: 0.9rem 1rem;border-radius: 10px;background-color: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--akcent)}
.regula-box--dativ{border-left-color: #2f6f4e}
.regula-box--akkusativ{border-left-color: #c82320}
.regula-pytajnik{display: block;font-size: 0.74rem;font-weight: 800;text-transform: uppercase;color: var(--t2);margin-bottom: 0.2rem}
.regula-box strong{display: block;font-size: 0.98rem;margin-bottom: 0.25rem}
.regula-box p{font-size: 0.85rem;color: var(--t2)}
.tablica-czasownikow-pasek{display: flex;flex-direction: column;gap: 0.85rem;margin-bottom: 2rem}
.koniugacja-szuflada{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-maly);overflow: hidden}
.koniugacja-szuflada[open]{border-color: var(--akcent);box-shadow: var(--cien-karta)}
.koniugacja-naglowek{list-style: none;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem;min-height: 56px;padding: 0.9rem 1.25rem;cursor: pointer;background-color: var(--pow)}
.koniugacja-naglowek::-webkit-details-marker{display: none}
.koniugacja-badge{padding: 0.25rem 0.65rem;border-radius: 6px;background-color: var(--zloty-jasny);border: 1px solid var(--zloty-ramka);color: var(--zloty-tekst);font-size: 0.75rem;font-weight: 800}
.koniugacja-naglowek strong{font-family: var(--f-n);font-size: 1.12rem;margin-right: auto}
.koniugacja-podpowiedz{font-size: 0.85rem;font-weight: 600;color: var(--t2)}
.koniugacja-wnetrze{padding: 1rem 1.25rem 1.2rem;border-top: 1px solid var(--linia);background-color: var(--tlo-karta-alt)}
.koniugacja-osoby{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 0.6rem;margin-bottom: 0.85rem}
.koniugacja-osoby span{padding: 0.5rem 0.65rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: 8px;font-size: 0.88rem;text-align: center}
.koniugacja-notatka{font-size: 0.88rem;color: var(--t2)}
.skladnia-uklad{display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);gap: 2rem;align-items: start}
.skladnia-schemat-kolumna, .skladnia-karty-kolumna{min-width: 0}
.szyk-tablica{margin-top: 1.35rem;display: flex;flex-direction: column;gap: 0.85rem}
.szyk-wiersz{padding: 0.9rem 1.1rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: 12px;box-shadow: var(--cien-maly)}
.szyk-nazwa{display: block;font-size: 0.8rem;font-weight: 800;color: var(--t2);margin-bottom: 0.5rem}
.szyk-klocki{display: flex;flex-wrap: wrap;gap: 0.45rem}
.klocek{display: inline-flex;align-items: center;padding: 0.35rem 0.7rem;border-radius: 8px;font-size: 0.92rem;font-weight: 700}
.klocek--podmiot{background-color: #e6eef7;color: #1a3c5e;border: 1px solid #bdd2ea}
.klocek--czasownik{background-color: var(--akcent);color: #ffffff}
.klocek--okolicznik{background-color: var(--zloty-jasny);color: var(--zloty-tekst);border: 1px solid var(--zloty-ramka)}
.klocek--spojnik{background-color: #262930;color: #ffffff}
.klocek--reszta{background-color: var(--tlo);color: var(--tekst);border: 1px solid var(--linia);font-weight: 600}
.sytuacje-baner-kulturowy{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);gap: 1.75rem;align-items: center;padding: 1.75rem 2rem;margin-bottom: 2rem;background: linear-gradient(135deg, #ffffff 0%, #f5ece0 100%);border: 1px solid var(--linia);border-radius: calc(var(--r) + 2px);box-shadow: var(--cien-karta)}
.sytuacje-symbole-img{width: 100%;max-height: 210px;aspect-ratio: 16 / 9;object-fit: contain}
.sekcja-dolna-makieta{padding-block: 3.5rem;border-top: 1px solid var(--linia)}
.uklad-pytania-najnowsze{display: grid;grid-template-columns: minmax(0, 380px) minmax(0, 1fr);gap: 2.5rem;align-items: start}
.kolumna-pytania-czytelnikow, .kolumna-najnowsze-i-cytat{min-width: 0}
.pytania-naglowek{display: flex;align-items: center;gap: 0.65rem;margin-bottom: 1.15rem}
.pytania-ikona-glowna{width: 38px;height: 38px;border-radius: 50%;background-color: var(--pow);border: 2px solid var(--tekst);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.pytania-naglowek .sekcja-tytul{margin: 0;font-size: 1.5rem}
.pytania-lista-harmonijka{display: flex;flex-direction: column;gap: 0.55rem}
.pytanie-wiersz{background-color: var(--pow);border: 1px solid var(--linia);border-radius: 10px;overflow: hidden}
.pytanie-summary{list-style: none;display: flex;align-items: center;gap: 0.65rem;min-height: 48px;padding: 0.7rem 0.95rem;cursor: pointer;font-weight: 700;font-size: 0.92rem}
.pytanie-summary::-webkit-details-marker{display: none}
.pytanie-znaczek{width: 24px;height: 24px;border-radius: 50%;background-color: var(--tlo);border: 1px solid var(--linia);color: var(--akcent);font-weight: 800;font-size: 0.8rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.pytanie-odpowiedz{padding: 0 0.95rem 0.9rem 2.95rem;font-size: 0.88rem;color: var(--t2)}
.pytanie-link{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;color: var(--akcent)}
.karteczka-zolta{margin-top: 1.25rem;padding: 1rem 1.2rem;background-color: #fae588;color: #1e1d1b;border: 1px solid #dfc355;border-radius: 10px;box-shadow: 0 6px 16px rgba(30, 29, 27, 0.1);transform: rotate(-1.5deg);display: flex;align-items: center;gap: 0.75rem}
.karteczka-zarowka{color: #785200;flex-shrink: 0}
.karteczka-zarowka svg{width: 1.6rem;height: 1.6rem}
.karteczka-napis{font-family: var(--f-n);font-size: 0.98rem;font-weight: 700;line-height: 1.3;margin: 0}
.najnowsze-naglowek-pasek{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.15rem}
.najnowsze-tytul-grupa{display: flex;align-items: center;gap: 0.65rem}
.najnowsze-ikona{color: var(--akcent);display: inline-flex}
.najnowsze-ikona svg{width: 1.5rem;height: 1.5rem}
.najnowsze-tytul-grupa .sekcja-tytul{margin: 0;font-size: 1.55rem}
.najnowsze-wszystkie-link{display: inline-flex;align-items: center;min-height: 44px;padding: 0.4rem 0.95rem;border-radius: 999px;background-color: var(--akcent-jasny);color: var(--akcent-cien);font-size: 0.86rem;font-weight: 800}
.najnowsze-wszystkie-link:hover{background-color: var(--akcent);color: var(--akcent-tekst)}
.kultura-chleba-karta{margin-top: 1.5rem;padding: 1.25rem 1.5rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-karta);display: flex;align-items: center;gap: 1.35rem}
.kultura-chleba-ikona{width: 120px;flex-shrink: 0}
.cytat-dymek-img{width: 100%;height: 84px;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 10px}
.kultura-chleba-tresc{min-width: 0;flex: 1}
.kultura-chleba-cytat{margin: 0 0 0.4rem;font-size: 0.95rem;color: var(--tekst);font-weight: 500}
.kultura-chleba-link{display: inline-flex;align-items: center;min-height: 44px;font-weight: 800;font-size: 0.92rem;color: var(--akcent)}
.wiersz-leksykalny{min-width: 0;display: grid;grid-template-columns: 148px minmax(0, 1fr) 44px;gap: 1.25rem;align-items: center;padding: 1.1rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-maly);transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease}
.wiersz-leksykalny:hover{transform: translateY(-2px);box-shadow: var(--cien-karta);border-color: var(--kd, var(--akcent))}
.wiersz-tabliczka{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;min-height: 96px;padding: 0.65rem;border-radius: 10px;background: linear-gradient(145deg, #2b2d35 0%, #1e1f24 100%);color: #ffffff;position: relative;overflow: hidden}
.wiersz-tabliczka-flaga{position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #1e1d1b 0%, #c82320 50%, #eba81a 100%)}
.wiersz-tabliczka-kategoria{font-size: 0.68rem;text-transform: uppercase;letter-spacing: 0.06em;color: #d6cfc5;margin-bottom: 0.25rem}
.wiersz-tabliczka-haslo{font-family: var(--f-n);font-size: 1.2rem;color: #ffffff;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wiersz-tresc{min-width: 0}
.wiersz-nadtytul{display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 0.3rem}
.wiersz-dzial{font-size: 0.74rem;font-weight: 800;text-transform: uppercase;color: var(--akcent)}
.wiersz-typ-zagadnienia{font-size: 0.75rem;color: var(--t2);background: var(--tlo);padding: 0.1rem 0.5rem;border-radius: 999px}
.wiersz-tytul{font-size: 1.15rem;margin: 0 0 0.35rem}
.wiersz-tytul a:hover{color: var(--akcent)}
.wiersz-lead{font-size: 0.88rem;color: var(--t2);margin: 0 0 0.5rem}
.wiersz-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 0.9rem;font-size: 0.78rem;color: var(--t2)}
.wiersz-meta-el{display: inline-flex;align-items: center;gap: 0.3rem}
.wiersz-przycisk{width: 44px;height: 44px;border-radius: 50%;background-color: var(--akcent-jasny);color: var(--akcent);display: inline-flex;align-items: center;justify-content: center;font-size: 1.35rem;font-weight: 700}
.wiersz-leksykalny:hover .wiersz-przycisk{background-color: var(--akcent);color: var(--akcent-tekst)}
.okruchy{padding-block: 0.85rem;font-size: 0.85rem;color: var(--t2)}
.okruchy ol{list-style: none;display: flex;align-items: center;flex-wrap: wrap;gap: 0.35rem}
.okruchy li{display: inline-flex;align-items: center;gap: 0.35rem}
.okruchy li + li::before{content: "›";color: var(--t2);font-weight: 700}
.okruchy a{display: inline-flex;align-items: center;min-height: 44px;padding-inline: 0.2rem;font-weight: 600;color: var(--t2)}
.okruchy a:hover{color: var(--akcent)}
.okruchy [aria-current="page"]{font-weight: 700;color: var(--tekst)}
.dz-strona, .wp-strona{padding-bottom: 3.5rem}
.dz-hero, .dz-naglowek, .dz-baner{margin-block: 0.5rem 2rem;padding: 1.75rem 2rem;background: linear-gradient(135deg, #ffffff 0%, #f5ece0 100%);border: 1px solid var(--linia);border-top: 4px solid var(--kd, var(--akcent));border-radius: calc(var(--r) + 2px);box-shadow: var(--cien-karta);display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);gap: 1.75rem;align-items: center}
.dz-hero-tresc, .dz-naglowek-lewa, .dz-baner-tekst{min-width: 0}
.dz-hero-tytul-wiersz, .dz-tytul-grupa{display: flex;align-items: center;gap: 0.9rem;margin-bottom: 0.65rem}
.dz-ikona, .dz-hero-ikona{width: 54px;height: 54px;border-radius: 50%;background-color: var(--kd, var(--akcent));color: #ffffff;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: var(--cien-maly)}
.dz-ikona svg, .dz-hero-ikona svg{width: 1.65rem;height: 1.65rem}
.dz-tytul, .dz-hero-tytul{font-size: clamp(1.85rem, 3vw, 2.55rem);margin: 0}
.dz-podtytul, .dz-opis, .dz-hero-opis{font-size: 1rem;color: var(--t2);max-width: 64ch}
.dz-meta-pasek, .dz-statystyki, .dz-pigułki{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 1rem}
.dz-pigułka, .dz-temat-link, .dz-filtr{display: inline-flex;align-items: center;gap: 0.4rem;min-height: 44px;padding: 0.4rem 0.9rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: 999px;font-size: 0.85rem;font-weight: 700;color: var(--tekst)}
.dz-pigułka:hover, .dz-temat-link:hover, .dz-filtr:hover, .dz-filtr--aktywny{background-color: var(--akcent);border-color: var(--akcent);color: var(--akcent-tekst)}
.dz-hero-grafika, .dz-naglowek-prawa, .dz-ilustracja{min-width: 0;display: flex;justify-content: flex-end}
.dz-hero-grafika img, .dz-ilustracja img, .dz-obraz{width: 100%;max-height: 210px;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 12px;border: 1px solid var(--linia)}
.dz-uklad, .wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 330px;gap: 2.25rem;align-items: start}
.dz-uklad--lewy-bok{grid-template-columns: 280px minmax(0, 1fr)}
.dz-glowna, .dz-tresc, .wp-glowna, .wp-artykul{min-width: 0}
.dz-sekcja, .dz-grupa, .dz-temat-sekcja{margin-bottom: 2.5rem}
.dz-sekcja-naglowek, .dz-naglowek-sekcji{display: flex;align-items: baseline;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem;margin-bottom: 1.15rem;padding-bottom: 0.65rem;border-bottom: 1px solid var(--linia)}
.dz-lista, .dz-wiersze, .dz-lista-wierszy{display: flex;flex-direction: column;gap: 0.9rem}
.dz-siatka, .dz-siatka-6, .dz-karty{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.dz-siatka-8{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem}
.dz-siatka-9{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.dz-siatka-2, .dz-tematy-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.25rem}
.dz-temat-karta{min-width: 0;height: 100%;padding: 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-maly);display: flex;flex-direction: column;gap: 0.65rem}
.dz-brak{padding: 2rem;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);text-align: center}
.dz-paginacja, .paginacja{margin-top: 2.25rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0.45rem}
.dz-paginacja a, .dz-paginacja span, .paginacja a, .paginacja span{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;min-height: 44px;padding: 0.45rem 0.85rem;border-radius: 10px;background-color: var(--pow);border: 1px solid var(--linia);font-weight: 700;font-size: 0.9rem}
.dz-paginacja a:hover, .paginacja a:hover{border-color: var(--akcent);color: var(--akcent)}
.dz-paginacja [aria-current="page"], .paginacja [aria-current="page"], .paginacja-aktywna{background-color: var(--akcent);border-color: var(--akcent);color: var(--akcent-tekst)}
.bok-kolumna, .bok-panel, .dz-bok, .wp-bok{min-width: 0;position: sticky;top: 96px;display: flex;flex-direction: column;gap: 1.25rem}
.bok-karta, .bok-blok, .bok-sekcja, .bok-widget{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);padding: 1.25rem;box-shadow: var(--cien-karta)}
.bok-tytul, .bok-naglowek{display: flex;align-items: center;gap: 0.5rem;font-family: var(--f-n);font-size: 1.15rem;font-weight: 700;margin: 0 0 0.9rem;padding-bottom: 0.6rem;border-bottom: 1px solid var(--linia);color: var(--tekst)}
.bok-tytul svg, .bok-naglowek svg{color: var(--akcent)}
.bok-lista, .bok-menu, .bok-dzialy-lista, .bok-spis-lista{list-style: none;display: flex;flex-direction: column;gap: 0.35rem}
.bok-link, .bok-dzial-link, .bok-spis-link, .bok-lista a, .bok-spis a{display: flex;align-items: center;justify-content: space-between;gap: 0.6rem;min-height: 44px;padding: 0.5rem 0.75rem;border-radius: 9px;font-size: 0.9rem;font-weight: 600;color: var(--tekst)}
.bok-link:hover, .bok-dzial-link:hover, .bok-spis-link:hover, .bok-lista a:hover, .bok-spis a:hover{background-color: var(--tlo);color: var(--akcent)}
.bok-link--aktywny, .bok-dzial-link--aktywny, .bok-lista a[aria-current="page"]{background-color: var(--akcent);color: var(--akcent-tekst);font-weight: 700}
.bok-powiazane-lista, .bok-wpisy{display: flex;flex-direction: column;gap: 0.75rem}
.bok-powiazany-wiersz, .bok-wpis, .bok-karta-mala{display: flex;align-items: center;gap: 0.75rem;padding: 0.55rem;border-radius: 10px;background-color: var(--tlo-karta-alt);border: 1px solid var(--linia)}
.bok-powiazany-wiersz:hover, .bok-wpis:hover{border-color: var(--akcent)}
.bok-metryczka, .bok-skrot-lista{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.6rem}
.bok-metryczka-poz{padding: 0.55rem 0.7rem;background-color: var(--tlo);border-radius: 8px;font-size: 0.8rem}
.bok-metryczka-poz strong{display: block;color: var(--tekst);font-size: 0.9rem}
.wp-artykul, .wp-karta-glowna{background-color: var(--pow);border: 1px solid var(--linia);border-radius: calc(var(--r) + 2px);padding: 2.25rem;box-shadow: var(--cien-karta)}
.wp-naglowek, .wp-header{margin-bottom: 1.5rem;padding-bottom: 1.25rem;border-bottom: 1px solid var(--linia)}
.wp-nadtytul, .wp-kategoria-pasek{display: flex;align-items: center;flex-wrap: wrap;gap: 0.6rem;margin-bottom: 0.75rem}
.wp-dzial-badge, .wp-dzial, .wp-kategoria{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 36px;padding: 0.25rem 0.75rem;border-radius: 8px;background-color: var(--kd, var(--akcent));color: #ffffff;font-size: 0.8rem;font-weight: 800}
.wp-sponsorowane{display: inline-block;padding: 0.25rem 0.65rem;border-radius: 6px;background-color: var(--zloty-jasny);color: var(--zloty-tekst);border: 1px solid var(--zloty-ramka);font-size: 0.76rem;font-weight: 700}
.wp-tytul{font-size: clamp(1.75rem, 3vw, 2.5rem);line-height: 1.16;margin-bottom: 0.9rem}
.wp-lead, .wp-wstep{font-size: 1.12rem;line-height: 1.6;color: var(--t2);margin-bottom: 1.15rem}
.wp-meta, .wp-metryka{display: flex;align-items: center;flex-wrap: wrap;gap: 1.1rem;font-size: 0.85rem;color: var(--t2)}
.wp-meta-el, .wp-meta span{display: inline-flex;align-items: center;gap: 0.35rem}
.wp-obraz-ramka, .wp-ilustracja, .wp-hero{margin-block: 1.5rem;border-radius: 12px;overflow: hidden;border: 1px solid var(--linia);background-color: var(--tlo)}
.wp-obraz-ramka img, .wp-ilustracja img, .wp-obraz{width: 100%;aspect-ratio: 16 / 9;object-fit: cover}
.wp-skrot, .wp-w-skrocie, .wp-podsumowanie-box{margin-block: 1.5rem;padding: 1.15rem 1.35rem;background-color: var(--zloty-jasny);border: 1px solid var(--zloty-ramka);border-left: 5px solid var(--dodatek);border-radius: 12px;color: var(--tekst);display: flex;align-items: flex-start;gap: 0.9rem}
.wp-tresc{font-size: 1.0625rem;line-height: 1.75;color: var(--tekst)}
.wp-tresc h2{font-size: clamp(1.4rem, 2.1vw, 1.8rem);color: var(--akcent-cien);margin-top: 2.25rem;margin-bottom: 0.75rem;padding-bottom: 0.35rem;border-bottom: 1px solid var(--linia)}
.wp-tresc h3{font-size: 1.25rem;margin-top: 1.65rem;margin-bottom: 0.55rem}
.wp-tresc p, .wp-tresc ul, .wp-tresc ol, .wp-tresc blockquote{margin-bottom: 1.2rem}
.wp-tresc ul, .wp-tresc ol{padding-left: 1.4rem}
.wp-tresc li{margin-bottom: 0.4rem}
.wp-tresc a{color: var(--akcent);font-weight: 600;text-decoration: underline;text-underline-offset: 3px}
.wp-tresc blockquote{padding: 1rem 1.25rem;background-color: var(--tlo-karta-alt);border-left: 4px solid var(--akcent);border-radius: 0 10px 10px 0;font-style: italic}
.wp-tresc table{display: block;width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;border-collapse: collapse;margin-block: 1.5rem;font-size: 0.92rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: 10px}
.wp-tresc th, .wp-tresc td{padding: 0.75rem 0.95rem;border-bottom: 1px solid var(--linia);text-align: left}
.wp-tresc th{background-color: var(--tlo);font-weight: 800}
.wp-sasiednie, .wp-nawigacja{margin-top: 2rem;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.15rem}
.wp-sasiedni-link, .wp-sasiedni-karta{min-width: 0;display: flex;flex-direction: column;gap: 0.25rem;min-height: 44px;padding: 1.1rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-maly)}
.wp-sasiedni-link:hover, .wp-sasiedni-karta:hover{border-color: var(--akcent)}
.wp-powiazane, .wp-sekcja-dolna, .wp-wiecej{margin-top: 2.75rem}
.wp-powiazane-siatka, .wp-siatka-3{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.wp-siatka-4{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem}
.stopka-strony{margin-top: 2rem}
.stopka-sylwetka-pasek{overflow: hidden;line-height: 0}
.stopka-sylwetka-wnetrze{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;opacity: 0.85}
.stopka-berlin-img, .stopka-brama-img{height: 68px;width: auto;aspect-ratio: 4 / 1;object-fit: contain;object-position: bottom}
.stopka-tlo{background-color: var(--stopka);color: var(--stopka-tekst);padding-top: 2.75rem;padding-bottom: 2rem;border-top: 4px solid var(--akcent)}
.stopka-glowna{display: grid;grid-template-columns: 1.35fr repeat(3, minmax(0, 1fr));gap: 2rem;padding-bottom: 2rem;border-bottom: 1px solid rgba(255, 255, 255, 0.12)}
.stopka-kol-marka, .stopka-kol-linki{min-width: 0}
.stopka-haslo{margin-top: 0.85rem;font-size: 0.9rem;color: #c7c0b6;max-width: 38ch}
.stopka-tytul{font-family: var(--f-n);font-size: 1.05rem;font-weight: 700;color: #ffffff;margin-bottom: 0.75rem}
.stopka-lista{list-style: none;display: flex;flex-direction: column;gap: 0.25rem}
.stopka-lista a{display: inline-flex;align-items: center;min-height: 44px;font-size: 0.9rem;color: var(--stopka-tekst)}
.stopka-lista a:hover{color: var(--dodatek)}
.stopka-dolna{padding-top: 1.5rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem}
.stopka-dolna-lewa{display: flex;flex-wrap: wrap;gap: 0.5rem}
.stopka-pigułka{display: inline-flex;align-items: center;min-height: 44px;padding: 0.35rem 0.85rem;border-radius: 999px;background-color: rgba(255, 255, 255, 0.08);color: var(--stopka-tekst);font-size: 0.84rem;font-weight: 600}
.stopka-pigułka:hover{background-color: var(--akcent);color: #ffffff}
.stopka-prawa{font-size: 0.84rem;color: #bfb8ae;margin: 0}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}
*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}
}
@media (max-width: 1100px){.nawigacja-glowna{display: none}
.menu-mobilne{display: block}
.uklad-stos-dzialy, .warsztat-dwukolumnowy, .skladnia-uklad, .uklad-pytania-najnowsze, .dz-uklad, .dz-uklad--lewy-bok, .wp-uklad{grid-template-columns: minmax(0, 1fr)}
.bok-kolumna, .bok-panel, .dz-bok, .wp-bok{position: static}
.koniugacja-osoby{grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (max-width: 900px){.uklad-kart-4, .uklad-kart-8, .dz-siatka-8, .wp-siatka-4, .uklad-kart-3x2, .uklad-kart-6, .dzialy-kafelki-uklad, .dz-siatka, .dz-siatka-6{grid-template-columns: repeat(2, minmax(0, 1fr))}
.wejscia-zadaniowe, .uklad-kart-9, .dz-siatka-9, .wp-powiazane-siatka, .wp-siatka-3{grid-template-columns: minmax(0, 1fr)}
.sytuacje-baner-kulturowy, .dz-hero, .dz-naglowek, .dz-baner{grid-template-columns: minmax(0, 1fr)}
.stopka-glowna{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 640px){.szerokosc{padding-inline: 1rem}
.naglowek-wnetrze{min-height: 64px}
.naglowek-sciaga-btn .sciaga-napis{display: none}
.hero-sekcja{padding-top: 1.25rem;padding-bottom: 1.75rem}
.hero-karta-tresc{padding: 1.25rem}
.hero-kafelki-informacyjne, .wejscia-zadaniowe, .dzialy-kafelki-uklad, .uklad-kart-2x2, .uklad-kart-3x2, .uklad-kart-6, .uklad-kart-4, .uklad-kart-8, .uklad-kart-9, .przyimki-regula-pasek, .koniugacja-osoby, .dz-siatka, .dz-siatka-6, .dz-siatka-8, .dz-siatka-9, .dz-siatka-2, .dz-tematy-siatka, .wp-sasiednie, .wp-nawigacja, .wp-powiazane-siatka, .wp-siatka-3, .wp-siatka-4, .bok-metryczka, .bok-skrot-lista, .stopka-glowna{grid-template-columns: minmax(0, 1fr)}
.sekcja-naglowek-rozbudowany, .sekcja-naglowek-prosty{flex-direction: column;align-items: flex-start;gap: 1rem}
.ksiazka-grzbiet:nth-child(even), .ksiazka-grzbiet:nth-child(odd){margin-inline: 0}
.wiersz-leksykalny{grid-template-columns: minmax(0, 1fr);gap: 0.85rem}
.wiersz-tabliczka{min-height: 64px;flex-direction: row;justify-content: space-between;padding-inline: 1rem}
.wiersz-przycisk{justify-self: end}
.kultura-chleba-karta{flex-direction: column;align-items: flex-start}
.kultura-chleba-ikona{width: 100%}
.cytat-dymek-img{height: 140px}
.wp-artykul, .wp-karta-glowna, .dz-hero, .dz-naglowek, .dz-baner, .sytuacje-baner-kulturowy{padding: 1.25rem}
.stopka-sylwetka-wnetrze{flex-direction: column;align-items: center}
}
.dz-strona, .wp-strona, .strona-stala, .strona-dokumentu, .strona-bledu{padding-top: 1.25rem;padding-bottom: 3.5rem}
.dz-hero{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 2rem;align-items: center;background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);border-top: 4px solid var(--kd, #c82320);border-radius: 1.25rem;padding: 2rem 2.25rem;margin-bottom: 2.25rem;box-shadow: 0 10px 28px rgba(30, 29, 27, 0.05)}
.dz-meta-pasek{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 0.85rem}
.dz-pigułka{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.28rem 0.75rem;border-radius: 999px;background: var(--akcent-jasny, #fbe9e7);color: var(--kd, #c82320);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.02em;text-decoration: none}
.dz-hero-tytul-wiersz{display: flex;align-items: flex-start;gap: 1rem;margin-bottom: 0.85rem}
.dz-hero-ikona{width: 3.25rem;height: 3.25rem;border-radius: 0.9rem;background: var(--kd, #c82320);color: #ffffff;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-hero-ikona svg, .dz-ikona svg{width: 1.4rem;height: 1.4rem}
.dz-hero-tytul{margin: 0;font-size: clamp(1.85rem, 3vw, 2.5rem);line-height: 1.15}
.dz-podtytul{margin: 0.35rem 0 0;font-weight: 700;color: var(--kd, #c82320);font-size: 1rem}
.dz-hero-opis{margin: 0 0 1.1rem;color: var(--tekst-drugorzedny, #5c554d);line-height: 1.65;max-width: 66ch}
.dz-pigułki{display: flex;flex-wrap: wrap;gap: 0.5rem}
.dz-filtr{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.45rem 0.85rem;border-radius: 0.65rem;background: #f6f1e9;border: 1px solid var(--linia, #e3d9ca);color: var(--tekst, #1e1d1b);font-size: 0.88rem;font-weight: 600;text-decoration: none}
.dz-filtr:hover{border-color: var(--kd, #c82320);color: var(--kd, #c82320)}
.dz-hero-grafika{width: 360px;max-width: 100%;aspect-ratio: 3 / 2;border-radius: 1rem;overflow: hidden;border: 2px solid var(--linia, #e3d9ca);flex-shrink: 0}
.dz-tlo-obraz{width: 100%;height: 100%;object-fit: cover;display: block}
.dz-uklad, .wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 330px;gap: 2rem;align-items: start}
.dz-uklad--lewy-bok{grid-template-columns: 310px minmax(0, 1fr)}
.dz-glowna, .wp-glowna{min-width: 0;align-self: start}
.dz-bok, .wp-bok, .bok-kolumna{position: sticky;top: 5.5rem;align-self: start;display: flex;flex-direction: column;gap: 1.25rem}
.bok-widget{background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);border-radius: 1rem;padding: 1.35rem;box-shadow: 0 6px 18px rgba(30, 29, 27, 0.04)}
.bok-karta{background: linear-gradient(180deg, #fffdf9 0%, #f9f2e6 100%);border-top: 3px solid var(--kd, #c82320)}
.bok-naglowek{margin-bottom: 0.85rem}
.bok-tytul{margin: 0;font-size: 1.1rem;line-height: 1.3;display: flex;align-items: center;gap: 0.45rem}
.bok-ozdoba-linia{width: 140px;height: auto;aspect-ratio: 212 / 37;max-width: 212px;object-fit: contain;display: block;margin-top: 0.35rem}
.bok-karta-gornik{display: flex;align-items: center;gap: 0.85rem;margin-bottom: 0.75rem}
.bok-ilustracja-notes{width: 72px;height: auto;aspect-ratio: 165 / 138;max-width: 165px;object-fit: contain;flex-shrink: 0}
.bok-mapa-img{width: 68px;height: auto;aspect-ratio: 146 / 182;max-width: 146px;object-fit: contain;flex-shrink: 0}
.bok-dzialy-lista, .bok-skrot-lista, .bok-powiazane-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.45rem}
.bok-dzial-link{display: flex;align-items: center;gap: 0.65rem;padding: 0.6rem 0.8rem;border-radius: 0.65rem;background: #f8f4ed;border-left: 4px solid var(--kd, #c82320);color: var(--tekst, #1e1d1b);font-weight: 700;text-decoration: none}
.bok-dzial-link--aktywny, .bok-dzial-link:hover{background: var(--kd, #c82320);color: #ffffff}
.bok-link, .bok-powiazany-wiersz{display: flex;align-items: flex-start;gap: 0.5rem;padding: 0.5rem 0.65rem;border-radius: 0.55rem;color: var(--tekst, #1e1d1b);text-decoration: none;font-size: 0.93rem;line-height: 1.4;background: rgba(246, 241, 233, 0.65)}
.bok-link:hover, .bok-powiazany-wiersz:hover{color: var(--kd, #c82320);background: #f2eadf}
.bok-strzalka svg{width: 1rem;height: 1rem;color: var(--kd, #c82320);flex-shrink: 0;margin-top: 0.15rem}
.bok-rodzajniki-pasek{display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.4rem;margin: 0.75rem 0}
.rodz-plakietka{text-align: center;font-size: 0.76rem;font-weight: 700;padding: 0.35rem 0.25rem;border-radius: 0.45rem}
.rodz-der{background: #262930;color: #ffffff}
.rodz-die{background: #c82320;color: #ffffff}
.rodz-das{background: #eba81a;color: #1e1d1b}
.bok-cta-link{display: inline-block;margin-top: 0.65rem;font-weight: 700;font-size: 0.9rem;color: var(--kd, #c82320);text-decoration: none}
.dz-sekcja, .dz-temat-sekcja{margin-bottom: 2.25rem}
.dz-sekcja-naglowek{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.15rem}
.dz-naglowek-sekcji{margin: 0.2rem 0 0;font-size: 1.5rem}
.dz-kultura-pasek{width: 210px;height: auto;aspect-ratio: 570 / 152;max-width: 570px;object-fit: contain}
.dz-tematy-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem}
.dz-tematy-siatka > :last-child:nth-child(odd){grid-column: 1 / -1}
.dz-temat-karta{background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);border-left: 4px solid var(--kd, #c82320);border-radius: 0.95rem;padding: 1.15rem 1.25rem}
.dz-temat-naglowek{display: flex;align-items: flex-start;gap: 0.75rem}
.dz-temat-wpisy{margin: 0.75rem 0 0;padding-left: 1.1rem;display: flex;flex-direction: column;gap: 0.35rem}
.dz-temat-link{color: var(--tekst, #1e1d1b);font-weight: 600;text-decoration: none;font-size: 0.92rem}
.dz-temat-link:hover{color: var(--kd, #c82320)}
.dz-lista-wierszy{display: flex;flex-direction: column;gap: 1rem;align-items: stretch}
.wiersz-leksykalny{height: auto !important;flex: 0 0 auto !important}
.dz-paginacja{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 1.75rem}
.pag-lista{display: flex;list-style: none;margin: 0;padding: 0;gap: 0.4rem}
.pag-numer, .pag-strzalka{display: inline-flex;align-items: center;justify-content: center;min-width: 2.4rem;height: 2.4rem;padding: 0 0.65rem;border-radius: 0.6rem;background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);color: var(--tekst, #1e1d1b);font-weight: 700;text-decoration: none}
.pag-numer--aktywny{background: var(--kd, #c82320);border-color: var(--kd, #c82320);color: #ffffff}
.dz-baner{background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);border-radius: 1.1rem;padding: 1.5rem 1.75rem}
.dz-warsztat-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.9rem;margin-top: 1rem}
.dz-warsztat-karta{background: #f8f4ed;border-radius: 0.75rem;padding: 0.9rem 1rem;border-left: 3px solid var(--kd, #c82320)}
.dz-warsztat-karta p{margin: 0.3rem 0 0;font-size: 0.9rem;color: var(--tekst-drugorzedny, #5c554d)}
.wp-karta-glowna{background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);border-radius: 1.25rem;padding: 2.25rem;box-shadow: 0 10px 28px rgba(30, 29, 27, 0.05)}
.wp-naglowek{margin-bottom: 1.4rem}
.wp-naglowek--warsztat{background: linear-gradient(135deg, #fbf7f0 0%, #f4ece0 100%);border: 1px solid var(--linia, #e3d9ca);border-left: 5px solid var(--kd, #c82320);border-radius: 1rem;padding: 1.5rem 1.75rem}
.wp-kategoria-pasek{display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem;margin-bottom: 0.85rem}
.wp-dzial-badge{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.3rem 0.8rem;border-radius: 0.55rem;background: var(--kd, #c82320);color: #ffffff;font-size: 0.84rem;font-weight: 700;text-decoration: none}
.wp-nadtytul, .wp-sponsorowane{font-size: 0.82rem;font-weight: 700;color: var(--tekst-drugorzedny, #5c554d);background: rgba(255, 255, 255, 0.8);padding: 0.25rem 0.65rem;border-radius: 0.45rem;border: 1px solid var(--linia, #e3d9ca)}
.wp-hero-uklad{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 1.25rem;align-items: center}
.wp-tytul{margin: 0 0 0.9rem;font-size: clamp(1.75rem, 2.8vw, 2.4rem);line-height: 1.2}
.wp-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;font-size: 0.88rem;color: var(--tekst-drugorzedny, #5c554d)}
.wp-meta-el{display: inline-flex;align-items: center;gap: 0.35rem}
.wp-meta-el svg{width: 1rem;height: 1rem;color: var(--kd, #c82320)}
.wp-ilustracja{display: flex;flex-direction: column;align-items: center;gap: 0.35rem}
.wp-ksiazka-grafika{width: 108px;height: auto;aspect-ratio: 232 / 138;max-width: 232px;object-fit: contain}
.wp-haslo-plakietka{font-size: 0.78rem;font-weight: 800;padding: 0.2rem 0.6rem;border-radius: 0.4rem;background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);color: var(--kd, #c82320)}
.wp-obraz-ramka{margin: 0 0 1.5rem;width: 100%;border-radius: 0.95rem;overflow: hidden;border: 1px solid var(--linia, #e3d9ca)}
.wp-obraz-ramka .art-obraz{width: 100%;height: auto;display: block}
.wp-lead{font-size: 1.12rem;line-height: 1.7;font-weight: 500;color: var(--tekst, #1e1d1b);margin: 0 0 1.35rem}
.wp-w-skrocie{background: #fdf4dc;border: 1px solid #efd695;border-left: 4px solid #dc9614;border-radius: 0.95rem;padding: 1.15rem 1.35rem;margin-bottom: 1.5rem}
.wp-skrot-naglowek{display: flex;align-items: flex-start;gap: 0.75rem;margin-bottom: 0.95rem}
.wp-skrot-ikona{color: #c68008;flex-shrink: 0}
.wp-skrot-ikona svg{width: 1.5rem;height: 1.5rem}
.wp-skrot-tytul{margin: 0;font-size: 0.95rem;line-height: 1.55}
.wp-metryka{display: grid;grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));gap: 0.65rem}
.wp-metryka:has(> :nth-child(4):last-child){grid-template-columns: repeat(4, minmax(0, 1fr))}
.wp-metryka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.wp-metryka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.bok-metryczka-poz{background: rgba(255, 255, 255, 0.85);border: 1px solid rgba(220, 150, 20, 0.28);border-radius: 0.65rem;padding: 0.55rem 0.75rem;display: flex;flex-direction: column;gap: 0.15rem}
.metryka-etykieta{font-size: 0.74rem;color: var(--tekst-drugorzedny, #5c554d);text-transform: uppercase;letter-spacing: 0.04em}
.metryka-wartosc{font-size: 0.95rem;font-weight: 700;color: var(--tekst, #1e1d1b);text-decoration: none}
.wp-spis-wewnetrzny{background: #f8f4ed;border: 1px solid var(--linia, #e3d9ca);border-radius: 0.95rem;padding: 1.15rem 1.35rem;margin-bottom: 1.75rem}
.bok-spis-lista{list-style: none;margin: 0.75rem 0 0;padding: 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.45rem 1rem}
.bok-spis-lista > :last-child:nth-child(odd){grid-column: 1 / -1}
.bok-spis-link{display: flex;align-items: baseline;gap: 0.5rem;color: var(--tekst, #1e1d1b);text-decoration: none;font-size: 0.92rem;padding: 0.25rem 0}
.bok-spis-link:hover{color: var(--kd, #c82320)}
.spis-nr, .sekcja-nr{color: var(--kd, #c82320);font-weight: 800}
.wp-tresc h2{font-size: 1.5rem;margin: 2rem 0 0.85rem;padding-bottom: 0.4rem;border-bottom: 2px solid var(--linia, #e3d9ca)}
.wp-tresc h3{font-size: 1.2rem;margin: 1.5rem 0 0.65rem}
.wp-tresc p, .wp-tresc li{line-height: 1.75}
.wp-sekcja-dolna{margin-top: 2rem;padding-top: 1.35rem;border-top: 1px solid var(--linia, #e3d9ca)}
.wp-wskazowka-pasek{display: flex;align-items: center;gap: 1rem;background: #f8f4ed;border-radius: 0.9rem;padding: 1rem 1.25rem}
.wp-sluchawki-img{width: 78px;height: auto;aspect-ratio: 185 / 149;max-width: 185px;object-fit: contain;flex-shrink: 0}
.wp-wskazowka-pasek p{margin: 0.25rem 0 0;font-size: 0.92rem;color: var(--tekst-drugorzedny, #5c554d)}
.wp-sasiednie{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 1rem;margin-top: 1.5rem}
.wp-sasiedni-karta{background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);border-radius: 0.95rem;padding: 1.1rem 1.3rem;text-decoration: none;color: var(--tekst, #1e1d1b);display: flex;flex-direction: column;gap: 0.3rem}
.wp-sasiedni-karta--prawy{text-align: right}
.sasiedni-kierunek{font-size: 0.8rem;font-weight: 700;color: var(--kd, #c82320);text-transform: uppercase}
.wp-powiazane{margin-top: 2.75rem}
.wp-powiazane-siatka, .karty-4{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem}
.wp-powiazane-siatka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.wp-powiazane-siatka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-powiazane-siatka:has(> :only-child){grid-template-columns: 1fr}
.mapa-dz{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 1rem}
.mapa-dz li a{display: flex;align-items: center;gap: 0.65rem;padding: 1rem 1.1rem;background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #e3d9ca);border-top: 4px solid var(--kd, #c82320);border-radius: 0.85rem;color: var(--tekst, #1e1d1b);font-weight: 700;text-decoration: none}
@media (max-width: 1080px){.wp-powiazane-siatka, .karty-4{grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-powiazane-siatka > :last-child:nth-child(odd){grid-column: 1 / -1}
.mapa-dz{grid-template-columns: repeat(2, minmax(0, 1fr))}
.mapa-dz > li:last-child:nth-child(odd){grid-column: 1 / -1}
}
@media (max-width: 960px){.dz-uklad, .dz-uklad--lewy-bok, .wp-uklad, .dz-hero{grid-template-columns: 1fr}
.dz-bok, .wp-bok, .bok-kolumna{position: static}
.dz-hero-grafika{width: 100%;max-width: 420px}
}
@media (max-width: 640px){.wp-karta-glowna, .dz-hero{padding: 1.35rem}
.wp-hero-uklad, .dz-tematy-siatka, .dz-warsztat-siatka, .bok-spis-lista, .wp-powiazane-siatka, .karty-4, .mapa-dz{grid-template-columns: 1fr}
.wp-metryka:has(> :nth-child(4):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
}
.hero-obraz{object-position: left center}
.hero-mgla{background: linear-gradient( 90deg, rgba(246, 241, 233, 0.04) 0%, rgba(246, 241, 233, 0.14) 34%, rgba(246, 241, 233, 0.92) 54%, rgba(246, 241, 233, 0.96) 100% )}
.hero-uklad{display: grid;grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);gap: 1.5rem;align-items: center}
.hero-karta-tresc{max-width: 100%;background: rgba(255, 255, 255, 0.94)}
.dzial-wizytowka-grafika{padding: 0.65rem 0.9rem 0.9rem;margin-top: auto;display: flex;align-items: center;justify-content: center;background-color: var(--tlo-karta-alt);border-top: 1px solid var(--linia)}
.dzial-ilustracja-img, .dzial-ilustracja-mapa{width: auto;max-width: 140px;height: 78px;aspect-ratio: auto;object-fit: contain;background: transparent}
.kultura-chleba-ikona{width: 112px !important;max-width: 112px !important;flex-shrink: 0}
.cytat-dymek-img{width: 112px !important;max-width: 151px !important;height: auto !important;aspect-ratio: 151 / 80;object-fit: contain !important}
.wstega-zakladki-img{width: 240px;max-width: 582px;height: auto;aspect-ratio: 582 / 178;object-fit: contain}
.czasowniki-stoper-img{width: 132px;max-width: 162px;height: auto;aspect-ratio: 162 / 79;object-fit: contain}
.wymowa-ikona-para{width: 165px;max-width: 210px;height: auto;aspect-ratio: 210 / 74;object-fit: contain}
.stos-wskazowka-karta{margin-top: 1.15rem;padding: 1.1rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--akcent);border-radius: var(--r);box-shadow: var(--cien-maly)}
.stos-wskazowka-pasek{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-bottom: 0.55rem}
.stos-wskazowka-tytul{display: block;font-family: var(--f-n);font-size: 1.02rem;margin-bottom: 0.25rem;color: var(--tekst)}
.stos-wskazowka-opis{font-size: 0.86rem;line-height: 1.48;color: var(--t2);margin: 0}
.deklinacja-lista-kartotek{display: flex;flex-direction: column;gap: 0.85rem}
.deklinacja-rekord{display: grid;grid-template-columns: 128px minmax(0, 1fr);gap: 1rem;align-items: center;padding: 0.95rem 1.15rem;background-color: var(--pow);border: 1px solid var(--linia);border-left: 5px solid var(--kd, #dc9614);border-radius: var(--r);box-shadow: var(--cien-maly)}
.deklinacja-rekord:hover{border-color: var(--akcent);transform: translateX(3px)}
.deklinacja-rekord-bok{display: flex;flex-direction: column;gap: 0.2rem;padding: 0.55rem 0.65rem;background-color: var(--tlo);border-radius: 10px;text-align: center}
.deklinacja-nr{font-family: var(--f-n);font-size: 1.15rem;font-weight: 700;color: var(--akcent)}
.deklinacja-haslo{font-size: 0.76rem;font-weight: 700;color: var(--tekst);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.deklinacja-rekord-tresc{min-width: 0;display: flex;flex-direction: column;gap: 0.25rem}
.deklinacja-tytul{font-family: var(--f-n);font-size: 1.04rem;line-height: 1.3;color: var(--tekst)}
.deklinacja-opis{font-size: 0.84rem;line-height: 1.45;color: var(--t2);margin: 0}
.deklinacja-meta{font-size: 0.75rem;font-weight: 700;color: var(--akcent-cien)}
.koniugacja-leksykon-siatka{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1.15rem}
.czasownik-kafel{min-width: 0;padding: 1.15rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--kd, #c82320);border-radius: var(--r);box-shadow: var(--cien-maly);display: flex;flex-direction: column;gap: 0.55rem}
.czasownik-kafel-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px dashed var(--linia)}
.czasownik-bezokolicznik{font-family: var(--f-n);font-weight: 700;font-size: 0.95rem;color: var(--akcent-cien);background: var(--akcent-jasny);padding: 0.2rem 0.6rem;border-radius: 6px}
.czasownik-tryb{font-size: 0.74rem;font-weight: 700;color: var(--t2)}
.czasownik-kafel-tytul{font-size: 1.08rem;line-height: 1.32;margin: 0}
.czasownik-kafel-tytul a:hover{color: var(--akcent)}
.czasownik-kafel-opis{font-size: 0.86rem;line-height: 1.48;color: var(--t2);margin: 0}
.czasownik-kafel-stopka{margin-top: auto;padding-top: 0.55rem;border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;font-size: 0.8rem;color: var(--t2)}
.czasownik-kafel-cta{font-weight: 800;color: var(--akcent)}
.skladnia-kroki-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.9rem}
.skladnia-krok-pozycja{display: grid;grid-template-columns: 52px minmax(0, 1fr);gap: 1rem;align-items: start;padding: 1rem 1.15rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-maly)}
.skladnia-rzymska{width: 52px;height: 52px;border-radius: 12px;background-color: #262930;color: #ffffff;font-family: var(--f-n);font-size: 1.1rem;font-weight: 700;display: inline-flex;align-items: center;justify-content: center}
.skladnia-krok-ciało{min-width: 0}
.skladnia-krok-nadtytul{display: flex;align-items: center;gap: 0.75rem;font-size: 0.75rem;font-weight: 700;color: var(--t2);margin-bottom: 0.25rem}
.skladnia-krok-tytul{font-size: 1.05rem;line-height: 1.32;margin: 0 0 0.3rem}
.skladnia-krok-tytul a:hover{color: var(--akcent)}
.skladnia-krok-lead{font-size: 0.85rem;line-height: 1.45;color: var(--t2);margin: 0}
.rozmowki-dialog-siatka{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1.15rem}
.rozmowka-scena{min-width: 0;padding: 1.15rem 1.25rem;background: linear-gradient(180deg, #ffffff 0%, #faf6ef 100%);border: 1px solid var(--linia);border-left: 4px solid var(--kd, #2f6f4e);border-radius: var(--r);box-shadow: var(--cien-maly);display: flex;flex-direction: column;gap: 0.45rem}
.rozmowka-scena-gora{display: flex;align-items: center;gap: 0.55rem}
.rozmowka-dymek-ikona{width: 32px;height: 32px;border-radius: 50%;background-color: var(--tlo);color: var(--kd, #2f6f4e);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.rozmowka-temat{font-size: 0.82rem;font-weight: 800;color: var(--kd, #2f6f4e);margin-right: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.rozmowka-czas{font-size: 0.75rem;color: var(--t2);white-space: nowrap}
.rozmowka-tytul{font-size: 1.06rem;line-height: 1.32;margin: 0}
.rozmowka-tytul a:hover{color: var(--akcent)}
.rozmowka-zajawka{font-size: 0.85rem;line-height: 1.48;color: var(--t2);margin: 0}
.trening-paski-uklad{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1.15rem}
.trening-pasek-el{min-width: 0;display: grid;grid-template-columns: 48px minmax(0, 1fr);gap: 1rem;align-items: start;padding: 1.1rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-maly)}
.trening-numer{width: 48px;height: 48px;border-radius: 50%;background-color: var(--akcent-jasny);color: var(--akcent-cien);font-family: var(--f-n);font-weight: 700;font-size: 1.05rem;display: inline-flex;align-items: center;justify-content: center}
.trening-pasek-tresc{min-width: 0}
.trening-pasek-tytul{font-size: 1.08rem;line-height: 1.32;margin: 0 0 0.35rem}
.trening-pasek-tytul a:hover{color: var(--akcent)}
.trening-pasek-opis{font-size: 0.86rem;line-height: 1.48;color: var(--t2);margin: 0 0 0.5rem}
.trening-pasek-meta{display: flex;flex-wrap: wrap;gap: 0.75rem;font-size: 0.76rem;font-weight: 700;color: var(--t2)}
.pytania-naglowek, .najnowsze-tytul-grupa{display: flex;flex-direction: column;align-items: flex-start;gap: 0.25rem}
.karteczka-zolta{transform: none}
body{word-break: normal;overflow-wrap: break-word}
.dz-tytul-grupa{display: flex;flex-direction: column;align-items: flex-start;gap: 0.3rem;min-width: 0;flex: 1}
.wp-w-skrocie, .wp-podsumowanie-box{display: flex;flex-direction: column;align-items: stretch;gap: 1rem}
.wp-metryka{width: 100%;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.65rem}
.dz-siatka-wpisow{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1rem}
.dz-karta-wpisu{min-width: 0;padding: 1.05rem 1.15rem;background-color: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: 0.9rem;box-shadow: var(--cien-maly);display: flex;flex-direction: column;gap: 0.45rem}
.dz-karta-wpisu-gora{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}
.dz-karta-haslo{font-size: 0.75rem;font-weight: 800;color: var(--kd, var(--akcent));background: var(--tlo);padding: 0.15rem 0.55rem;border-radius: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.dz-karta-czas{font-size: 0.75rem;color: var(--t2);white-space: nowrap}
.dz-karta-tytul{font-size: 1.02rem;line-height: 1.32;margin: 0}
.dz-karta-tytul a:hover{color: var(--akcent)}
.dz-karta-lead{font-size: 0.83rem;line-height: 1.45;color: var(--t2);margin: 0}
.dz-karta-stopka{margin-top: auto;padding-top: 0.45rem;border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;font-size: 0.76rem;color: var(--t2)}
.dz-karta-strzalka{font-weight: 800;color: var(--akcent)}
.bok-przypadki-sciaga{display: flex;flex-direction: column;gap: 0.5rem}
.bok-przypadek-wiersz{padding: 0.55rem 0.7rem;background-color: var(--tlo);border-radius: 8px;display: flex;flex-direction: column;gap: 0.15rem;font-size: 0.82rem}
.bok-przypadek-wiersz strong{color: var(--tekst);font-size: 0.84rem}
.bok-przypadek-wiersz span{color: var(--t2)}
.wp-sasiednie, .wp-nawigacja{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1rem}
@media (max-width: 640px){.hero-sekcja{padding-top: 0}
.hero-tlo-warstwa{position: relative;height: 210px;max-height: 210px}
.hero-obraz{min-height: 0;height: 210px;object-position: left top}
.hero-mgla{background: linear-gradient(180deg, rgba(246, 241, 233, 0) 55%, rgba(246, 241, 233, 0.95) 100%)}
.hero-uklad{grid-template-columns: minmax(0, 1fr);min-height: 0;margin-top: -1.25rem}
.hero-okno-postaci{display: none}
.koniugacja-osoby{grid-template-columns: repeat(2, minmax(0, 1fr))}
.deklinacja-rekord{grid-template-columns: minmax(0, 1fr)}
.wp-strona.szerokosc{padding-inline: 0.65rem}
.wp-artykul, .wp-karta-glowna{padding: 0.95rem}
.wp-tresc{font-size: 0.92rem;line-height: 1.48}
.wp-tresc ul, .wp-tresc ol{padding-left: 1rem}
.wp-tresc li{margin-bottom: 0.25rem;line-height: 1.44;height: auto !important;flex: 0 0 auto !important}
}
@media (min-width: 641px){.koniugacja-leksykon-siatka, .rozmowki-dialog-siatka, .trening-paski-uklad, .dz-siatka-wpisow, .wp-sasiednie, .wp-nawigacja{grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-nawigacja:has(> :only-child){grid-template-columns: minmax(0, 1fr)}
.wp-metryka:has(> :nth-child(4):last-child){grid-template-columns: repeat(4, minmax(0, 1fr))}
}
@media (min-width: 1101px){.kolumna-stos-ksiazek, .kolumna-karty-dzialow, .tablica-gramatyczna-panel, .warsztat-karty-kolumna, .skladnia-schemat-kolumna, .skladnia-karty-kolumna, .kolumna-pytania-czytelnikow, .kolumna-najnowsze-i-cytat, .dz-bok, .wp-bok{position: sticky;top: 5.75rem;align-self: start}
.koniugacja-osoby{grid-template-columns: repeat(6, minmax(0, 1fr))}
.koniugacja-leksykon-siatka, .rozmowki-dialog-siatka, .dz-siatka-wpisow{grid-template-columns: repeat(3, minmax(0, 1fr))}
.dz-siatka-wpisow:has(> :nth-child(20):last-child), .dz-siatka-wpisow:has(> :nth-child(16):last-child), .dz-siatka-wpisow:has(> :nth-child(14):last-child), .dz-siatka-wpisow:has(> :nth-child(10):last-child), .dz-siatka-wpisow:has(> :nth-child(8):last-child), .dz-siatka-wpisow:has(> :nth-child(4):last-child), .dz-siatka-wpisow:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.najnowsze-siatka{grid-template-columns: repeat(2, minmax(0, 1fr))}
}

body,
.wp-tresc,
.wp-tresc *,
.karta-fiszka,
.dz-karta-wpisu {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.stos-ksiazek-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.stos-ksiazek-el {
  margin: 0;
  padding: 0;
}

.ksiazka-grzbiet:nth-child(even),
.ksiazka-grzbiet:nth-child(odd) {
  margin-inline: 0;
}

.marka-dymek {
  width: 44px;
  height: 39px;
  max-width: 143px;
  aspect-ratio: 143 / 127;
  object-fit: contain;
}

.hero-flaga-pedzel {
  width: 120px;
  height: 40px;
  max-width: 322px;
  aspect-ratio: 322 / 108;
  object-fit: contain;
}

.dzial-ilustracja-img--slownictwo {
  width: 135px;
  height: 31px;
  max-width: 339px;
  aspect-ratio: 339 / 79;
  object-fit: contain;
}

.dzial-ilustracja-img--czasowniki {
  width: 90px;
  height: 75px;
  max-width: 165px;
  aspect-ratio: 165 / 138;
  object-fit: contain;
}

.dzial-ilustracja-img--gramatyka {
  width: 126px;
  height: 75px;
  max-width: 232px;
  aspect-ratio: 232 / 138;
  object-fit: contain;
}

.dzial-ilustracja-img--komunikacja {
  width: 85px;
  height: 75px;
  max-width: 143px;
  aspect-ratio: 143 / 127;
  object-fit: contain;
}

.dzial-ilustracja-img--nauka {
  width: 93px;
  height: 75px;
  max-width: 185px;
  aspect-ratio: 185 / 149;
  object-fit: contain;
}

.dzial-ilustracja-mapa {
  width: 60px;
  height: 75px;
  max-width: 146px;
  aspect-ratio: 146 / 182;
  object-fit: contain;
}

.wstega-zakladki-img {
  width: 220px;
  height: auto;
  max-width: 582px;
  aspect-ratio: 582 / 178;
  object-fit: contain;
}

.czasowniki-stoper-img {
  width: 132px;
  height: auto;
  max-width: 162px;
  aspect-ratio: 162 / 79;
  object-fit: contain;
}

.sytuacje-symbole-img {
  width: 260px;
  height: auto;
  max-width: 100%;
  aspect-ratio: 570 / 152;
  object-fit: contain;
  margin-inline: auto;
}

.wymowa-ikona-para {
  width: 160px;
  height: auto;
  max-width: 210px;
  aspect-ratio: 210 / 74;
  object-fit: contain;
}

.cytat-dymek-img {
  width: 112px !important;
  height: auto !important;
  max-width: 151px !important;
  aspect-ratio: 151 / 80;
  object-fit: contain !important;
}

.stopka-berlin-img {
  height: 46px;
  width: auto;
  max-width: 310px;
  aspect-ratio: 371 / 55;
  object-fit: contain;
}

.stopka-brama-img {
  height: 54px;
  width: auto;
  max-width: 79px;
  aspect-ratio: 101 / 69;
  object-fit: contain;
}

.wp-tresc table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  word-break: normal;
  overflow-wrap: normal;
}

.wp-tresc th,
.wp-tresc td {
  min-width: 150px;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.wp-powiazane-siatka,
.wp-powiazane-siatka:has(> :nth-child(3):last-child),
.wp-powiazane-siatka:has(> :nth-child(2):last-child),
.wp-powiazane-siatka:has(> :only-child),
.karty-4 {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 640px) {
  .hero-tlo-warstwa {
    position: relative;
    height: 185px;
    max-height: 185px;
  }

  .hero-obraz {
    min-height: 0;
    height: 185px;
    object-position: left top;
  }

  .wp-strona.szerokosc {
    padding-inline: 0.75rem;
  }

  .wp-artykul,
  .wp-karta-glowna {
    padding: 1rem;
  }

  .wp-naglowek--warsztat {
    padding: 1.05rem;
  }

  .wp-w-skrocie,
  .wp-podsumowanie-box {
    padding: 0.95rem 1rem;
  }

  .wp-metryka,
  .wp-metryka:has(> :nth-child(4):last-child),
  .wp-metryka:has(> :nth-child(3):last-child),
  .wp-metryka:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wp-tresc th,
  .wp-tresc td {
    padding: 0.55rem 0.7rem;
    font-size: 0.86rem;
  }
}

@media (min-width: 641px) {
  .stos-ksiazek-el:nth-child(even) .ksiazka-grzbiet {
    margin-left: 0.6rem;
  }

  .stos-ksiazek-el:nth-child(odd) .ksiazka-grzbiet {
    margin-right: 0.5rem;
  }

  .wp-powiazane-siatka,
  .wp-powiazane-siatka:has(> :nth-child(3):last-child),
  .wp-powiazane-siatka:has(> :nth-child(2):last-child),
  .karty-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wp-powiazane-siatka:has(> :nth-child(3):last-child) > :last-child {
    grid-column: 1 / -1;
  }

  .wp-powiazane-siatka:has(> :only-child) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 1081px) {
  .wp-powiazane-siatka,
  .karty-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .wp-powiazane-siatka:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wp-powiazane-siatka:has(> :nth-child(3):last-child) > :last-child {
    grid-column: auto;
  }

  .wp-powiazane-siatka:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.glowna-strona,
.dz-strona,
.wp-strona {
  max-width: 100%;
  overflow-x: clip;
}

.wp-uklad,
.wp-glowna,
.wp-bok,
.wp-artykul,
.wp-karta-glowna,
.wp-naglowek,
.wp-hero-uklad,
.wp-hero-lewa,
.wp-ilustracja,
.wp-w-skrocie,
.wp-podsumowanie-box,
.wp-metryka,
.bok-metryczka-poz,
.wp-spis-wewnetrzny,
.bok-spis-lista,
.wp-spis-element,
.bok-spis-link,
.wp-tresc,
.art-sekcja,
.art-html,
.wp-sekcja-dolna,
.wp-wskazowka-pasek,
.wp-wskazowka-pasek > div,
.wp-nawigacja,
.wp-sasiednie,
.wp-sasiedni-karta,
.wp-powiazane,
.wp-powiazane-siatka,
.bok-widget,
.bok-naglowek,
.bok-karta-gornik,
.bok-karta-gornik > div,
.okruchy,
.okruchy ol,
.okruchy li,
.okruchy a,
.okruchy [aria-current="page"] {
  min-width: 0;
  max-width: 100%;
}

.bok-naglowek {
  flex-wrap: wrap;
}

.wp-tresc,
.art-sekcja,
.art-html,
.wp-tresc p,
.wp-tresc li,
.wp-tresc a,
.wp-tresc h2,
.wp-tresc h3,
.wp-tresc h4,
.wp-tresc blockquote,
.wp-tresc details,
.wp-tresc summary,
.wp-tresc div,
.wp-tresc span,
.okruchy li,
.okruchy a,
.okruchy [aria-current="page"],
.wp-tytul,
.wp-lead {
  overflow-wrap: break-word;
  word-break: normal;
}

.wp-tresc pre,
.wp-tresc code {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.wp-tresc audio,
.wp-tresc video,
.wp-tresc iframe,
.wp-tresc figure,
.wp-tresc img {
  max-width: 100%;
}

.wp-tresc table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  word-break: normal;
  overflow-wrap: normal;
}

.wp-tresc th,
.wp-tresc td {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

@media (max-width: 960px) {
  .dz-uklad,
  .dz-uklad--lewy-bok,
  .wp-uklad,
  .dz-hero {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .wp-hero-uklad,
  .dz-tematy-siatka,
  .dz-warsztat-siatka,
  .bok-spis-lista,
  .wp-powiazane-siatka,
  .karty-4,
  .mapa-dz {
    grid-template-columns: minmax(0, 1fr);
  }

  .wp-wskazowka-pasek {
    flex-wrap: wrap;
  }

  .wp-tresc th,
  .wp-tresc td {
    min-width: 110px;
    padding: 0.5rem 0.65rem;
    font-size: 0.85rem;
  }
}

.szerokosc,
.dz-strona,
.wp-strona,
.dz-strona.szerokosc,
.wp-strona.szerokosc {
  width: 100%;
  max-width: var(--szerokosc-max);
  margin-inline: auto;
  padding-inline: 1.5rem;
}

.dz-hero,
.dz-hero-tresc,
.dz-hero-grafika,
.dz-uklad,
.dz-bok,
.dz-glowna,
.dz-sekcja,
.dz-siatka-wpisow,
.dz-karta-wpisu,
.dz-baner,
.wp-uklad,
.wp-glowna,
.wp-bok,
.wp-artykul,
.wp-karta-glowna {
  min-width: 0;
  max-width: 100%;
}

body,
.wp-tresc,
.wp-tresc *,
.art-sekcja,
.art-html,
.wp-tresc p,
.wp-tresc li,
.wp-tresc a,
.wp-tresc h2,
.wp-tresc h3,
.wp-tresc h4,
.wp-tresc blockquote,
.wp-tresc details,
.wp-tresc summary,
.wp-tresc div,
.wp-tresc span,
.wp-tresc strong,
.okruchy,
.okruchy *,
.okruchy li,
.okruchy a,
.okruchy [aria-current="page"],
.wp-tytul,
.wp-lead,
.karta-fiszka,
.karta-fiszka *,
.dz-karta-wpisu,
.dz-karta-wpisu * {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

@media (max-width: 640px) {
  .szerokosc,
  .dz-strona,
  .wp-strona,
  .dz-strona.szerokosc,
  .wp-strona.szerokosc {
    padding-inline: 1rem;
  }

  .wp-artykul,
  .wp-karta-glowna {
    padding: 0.9rem 0.5rem;
  }

  .wp-tresc {
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .art-html,
  .wp-tresc p,
  .wp-tresc ul,
  .wp-tresc ol {
    max-width: 100%;
    overflow-x: auto;
  }
}