@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/spectral/rnCr-xNNww_2s0amA9M3knj-SA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/spectral/rnCr-xNNww_2s0amA9M5kng.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9uCt23PafadWQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9uCt23BafY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: '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; }
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_"] svg[viewBox]{width:100%!important;height:auto!important}
[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: #f7f3eb;--pow: #ffffff;--tekst: #142238;--t2: #4a586e;--linia: #d7cdbd;--akcent: #182f4c;--akcent-tekst: #ffffff;--dodatek: #c89b43;--r: 6px;--f-n: "Spectral", Georgia, "Times New Roman", Times, serif;--f-t: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--akcent-jasny: #ebe3d2;--akcent-cien: #0f1e33;--stopka: #102036;--stopka-tekst: #e9e2d4;--zloto-tekst: #6e4c14;--zloto-jasne: #f3ead8;--zloto-obrys: #bfa05a;--cien-karta: 0 4px 16px rgba(20, 34, 56, 0.06);--cien-mocny: 0 10px 28px rgba(15, 30, 51, 0.12);--dz-porady: #182f4c;--dz-prawo: #8c6523;--dz-poradniki: #23456b;--dz-kodeks: #78531a;--dz-poradniki-i-informacje: #2c4c3e;--dz-ustawy: #5c3d2e}
.dz-kolor-porady{--kd: var(--dz-porady)}
.dz-kolor-prawo{--kd: var(--dz-prawo)}
.dz-kolor-poradniki{--kd: var(--dz-poradniki)}
.dz-kolor-kodeks{--kd: var(--dz-kodeks)}
.dz-kolor-poradniki-i-informacje{--kd: var(--dz-poradniki-i-informacje)}
.dz-kolor-ustawy{--kd: var(--dz-ustawy)}
*, *::before, *::after{box-sizing: border-box}
html{font-size: 16px;scroll-behavior: smooth;-webkit-text-size-adjust: 100%;overflow-x: clip}
body{margin: 0;background-color: var(--tlo);color: var(--tekst);font-family: var(--f-t);font-size: 1rem;line-height: 1.6;overflow-x: clip;overflow-wrap: break-word;word-break: break-word}
img, picture, svg{max-width: 100%;display: block}
img{height: auto;object-fit: cover}
svg{width: 1.15rem;height: 1.15rem;flex-shrink: 0;fill: currentColor}
h1, h2, h3, h4, h5, h6{margin: 0 0 0.65rem;font-family: var(--f-n);color: var(--tekst);line-height: 1.24;font-weight: 700;letter-spacing: -0.01em}
p{margin: 0 0 1rem}
p:last-child{margin-bottom: 0}
ul, ol{margin: 0;padding: 0}
a{color: var(--akcent);text-decoration: none;transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}
a:hover{color: var(--zloto-tekst)}
:focus-visible{outline: 3px solid var(--dodatek);outline-offset: 2px}
.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}
.przejdz-tresc{position: absolute;top: -120px;left: 1rem;z-index: 999;min-height: 44px;display: inline-flex;align-items: center;padding: 0.6rem 1.25rem;background: var(--akcent);color: var(--akcent-tekst);font-weight: 700;border: 2px solid var(--dodatek);border-radius: var(--r)}
.przejdz-tresc:focus{top: 0.75rem;color: var(--akcent-tekst)}
.kontener{width: 100%;max-width: 1280px;margin-inline: auto;padding-inline: 1.5rem}
.naglowek-witryny{background: var(--pow);border-bottom: 2px solid var(--dodatek);box-shadow: 0 2px 10px rgba(20, 34, 56, 0.06);position: relative;z-index: 40}
.naglowek-gora{background: linear-gradient(180deg, #ffffff 0%, #f9f5ec 100%);border-bottom: 1px solid var(--linia)}
.naglowek-gora-wiersz{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;min-height: 82px;padding-block: 0.75rem}
.marka-link{display: inline-flex;align-items: center;gap: 0.9rem;min-height: 48px;color: var(--tekst)}
.marka-link:hover{color: var(--akcent)}
.marka-godlo{width: 52px;height: 52px;border-radius: var(--r);background: var(--zloto-jasne);border: 1px solid var(--zloto-obrys);display: flex;align-items: center;justify-content: center;padding: 0.3rem;flex-shrink: 0}
.marka-waga-img, .marka-godlo img, .marka-godlo svg{width: 40px;height: 40px;aspect-ratio: 1 / 1;object-fit: contain}
.marka-tekst{display: flex;flex-direction: column}
.marka-nazwa{font-family: var(--f-n);font-size: 1.85rem;font-weight: 700;line-height: 1.05;color: var(--tekst);letter-spacing: -0.02em}
.marka-opis{font-size: 0.85rem;font-weight: 500;color: var(--t2);margin-top: 0.15rem}
.naglowek-informator{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 1rem;background: var(--tlo);border: 1px solid var(--linia);border-left: 3px solid var(--dodatek);border-radius: var(--r)}
.naglowek-informator-ikona{width: 34px;height: 34px;border-radius: 50%;background: var(--akcent);color: var(--akcent-tekst);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.naglowek-informator-ikona svg{width: 18px;height: 18px}
.naglowek-informator-tekst{display: flex;flex-direction: column;font-size: 0.82rem;line-height: 1.35}
.naglowek-informator-tekst strong{color: var(--tekst);font-weight: 700}
.naglowek-informator-tekst span{color: var(--t2)}
.nawigacja-pasek{background: var(--akcent);color: var(--akcent-tekst)}
.nawigacja-wiersz{display: flex;align-items: center;gap: 0.35rem;min-height: 52px;flex-wrap: wrap}
.naw-dom, .naw-link{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 44px;padding: 0.5rem 1rem;color: var(--akcent-tekst);font-weight: 600;font-size: 0.94rem;border-radius: 4px;position: relative}
.naw-dom-ikona, .naw-link-ikona{display: inline-flex;align-items: center;justify-content: center;color: var(--dodatek)}
.naw-dom-ikona svg, .naw-link-ikona svg{width: 18px;height: 18px}
.naw-lista{display: flex;align-items: center;flex-wrap: wrap;gap: 0.25rem}
.naw-dom:hover, .naw-link:hover{background: rgba(255, 255, 255, 0.12);color: var(--akcent-tekst)}
.naw-dom.aktywny, .naw-link.aktywny{background: var(--dodatek);color: var(--tekst);font-weight: 700}
.naw-dom.aktywny .naw-dom-ikona, .naw-link.aktywny .naw-link-ikona{color: var(--tekst)}
.przycisk-zloty, .przycisk-obrys, .przycisk-granatowy{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 46px;padding: 0.65rem 1.35rem;font-family: var(--f-t);font-size: 0.95rem;font-weight: 700;border-radius: var(--r);cursor: pointer;text-align: center}
.przycisk-zloty{background: var(--dodatek);color: var(--tekst);border: 1px solid #a87e2b;box-shadow: 0 2px 6px rgba(20, 34, 56, 0.14)}
.przycisk-zloty:hover{background-color: #d7ab52;color: var(--tekst);transform: translateY(-1px)}
.przycisk-obrys{background: var(--pow);color: var(--tekst);border: 2px solid var(--akcent)}
.przycisk-obrys:hover{background: var(--akcent);color: var(--akcent-tekst)}
.przycisk-granatowy{background: var(--akcent);color: var(--akcent-tekst);border: 1px solid var(--akcent)}
.przycisk-granatowy:hover{background: var(--akcent-cien);color: var(--akcent-tekst)}
.plakietka-zlota{display: inline-flex;align-items: center;min-height: 32px;padding: 0.25rem 0.85rem;background: var(--dodatek);color: var(--tekst);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;border-radius: 4px}
.plakietka-zlota:hover{background: #b88b32;color: var(--tekst)}
.sekcja-hero{position: relative;min-height: 430px;background: linear-gradient(135deg, #efe7d6 0%, #e4d8c0 55%, #d6c5a5 100%);border-bottom: 1px solid var(--linia);overflow: hidden;display: flex;align-items: center}
.hero-tlo-warstwa{position: absolute;inset: 0;z-index: 1}
.hero-obraz, .hero-tlo-warstwa img{width: 100%;height: 100%;object-fit: cover;object-position: center right;opacity: 0.35}
.hero-przyslona{position: absolute;inset: 0;background: linear-gradient(90deg, rgba(247, 243, 235, 0.97) 0%, rgba(247, 243, 235, 0.92) 52%, rgba(247, 243, 235, 0.45) 100%)}
.hero-uklad{position: relative;z-index: 2;display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);align-items: center;gap: 2.5rem;padding-block: 2.75rem 3.25rem}
.hero-kol-tekst{min-width: 0}
.hero-nadtytul{display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.3rem 0.85rem;background: var(--pow);border: 1px solid var(--linia);border-left: 3px solid var(--dodatek);border-radius: 999px;font-size: 0.82rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--akcent);margin-bottom: 1rem}
.hero-pieczęc, .hero-pieczec{width: 24px;height: 24px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.hero-pieczec-img{width: 24px;height: 24px;aspect-ratio: 1 / 1;object-fit: contain}
.hero-tytul{font-size: clamp(2rem, 3.4vw, 3rem);line-height: 1.12;color: var(--tekst);margin-bottom: 0.5rem}
.hero-podtytul-makieta{font-family: var(--f-n);font-size: 1.18rem;font-weight: 600;color: var(--zloto-tekst);margin-bottom: 0.85rem}
.hero-opis{font-size: 1.02rem;color: var(--tekst);max-width: 60ch;margin-bottom: 1.5rem}
.hero-akcje{display: flex;flex-wrap: wrap;gap: 0.85rem}
.hero-kol-temida{min-width: 0;display: flex;justify-content: center;align-items: flex-end}
.hero-temida-img, .hero-kol-temida img{width: 100%;max-width: 440px;aspect-ratio: 4 / 3;object-fit: contain}
.hero-fala-dol{position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;height: 22px;overflow: hidden;pointer-events: none}
.hero-fala-img, .hero-fala-dol img{width: 100%;height: 100%;object-fit: cover}
.sekcja-pasek-dzialow{padding-block: 1.75rem;background: var(--akcent-jasny);border-bottom: 1px solid var(--linia)}
.siatka-dzialow-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem}
.kafel-dzialu-hero{min-width: 0;min-height: 108px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 1.15rem 1rem;background: linear-gradient(180deg, #ffffff 0%, #f7f2e7 100%);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta);color: var(--tekst)}
.kafel-dzialu-hero:hover{border-color: var(--dodatek);border-top-color: var(--kd, var(--akcent));transform: translateY(-2px);box-shadow: var(--cien-mocny);color: var(--tekst)}
.kafel-dzialu-ikona{width: 42px;height: 42px;border-radius: 50%;background: var(--tlo);border: 1px solid var(--linia);color: var(--kd, var(--akcent));display: inline-flex;align-items: center;justify-content: center;margin-bottom: 0.5rem}
.kafel-dzialu-ikona svg{width: 22px;height: 22px}
.kafel-dzialu-nazwa{font-family: var(--f-n);font-size: 1.08rem;font-weight: 700;color: var(--tekst);margin-bottom: 0.2rem}
.kafel-dzialu-opis{font-size: 0.84rem;color: var(--t2);line-height: 1.35}
.sekcja-najnowsze, .sekcja-etapy-sprawy, .sekcja-relacje-prawne, .sekcja-prawo-firm{padding-block: 3.25rem}
.sekcja-etapy-sprawy, .sekcja-prawo-firm{background: var(--akcent-jasny);border-block: 1px solid var(--linia)}
.naglowek-sekcji-wiersz{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;margin-bottom: 1.75rem;padding-bottom: 0.75rem;border-bottom: 2px solid var(--linia)}
.naglowek-sekcji-lewa{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap}
.tytul-sekcji{font-size: clamp(1.55rem, 2.4vw, 2.1rem);margin-bottom: 0;color: var(--tekst)}
.ozdobnik-sekcji, .ozdobnik-sekcji-srodek{height: 18px;display: inline-flex;align-items: center}
.ozdobnik-img{height: 16px;width: auto;object-fit: contain}
.link-wszystkie{display: inline-flex;align-items: center;min-height: 44px;padding: 0.4rem 0.85rem;font-weight: 700;font-size: 0.92rem;color: var(--akcent);background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r)}
.link-wszystkie:hover{background: var(--akcent);color: var(--akcent-tekst);border-color: var(--akcent)}
.naglowek-sekcji-srodek{text-align: center;max-width: 760px;margin: 0 auto 2.25rem}
.ozdobnik-sekcji-srodek{justify-content: center;margin-block: 0.6rem}
.kicker-sekcji{display: inline-block;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--zloto-tekst);background: var(--zloto-jasne);border: 1px solid var(--zloto-obrys);padding: 0.2rem 0.75rem;border-radius: 999px;margin-bottom: 0.55rem}
.opis-sekcji{font-size: 1rem;color: var(--t2);margin-top: 0.35rem}
.karta-otwarcia-glowna{display: grid;grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);gap: 2rem;background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--kd, var(--akcent));border-radius: var(--r);padding: 1.75rem;box-shadow: var(--cien-karta);margin-bottom: 1.75rem;align-items: center}
.karta-otwarcia-wizual{min-width: 0}
.karta-otwarcia-kompozycja{position: relative;border-radius: var(--r);overflow: hidden;background: var(--akcent-jasny);border: 1px solid var(--linia)}
.karta-otwarcia-gmach, .karta-otwarcia-kompozycja img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover}
.karta-otwarcia-stempel{display: flex;align-items: center;gap: 0.5rem;padding: 0.55rem 0.9rem;background: var(--akcent);color: var(--akcent-tekst);font-size: 0.82rem;font-weight: 600}
.stempel-paragraf{display: inline-flex;color: var(--dodatek)}
.stempel-paragraf svg{width: 16px;height: 16px}
.karta-otwarcia-tresc{min-width: 0;display: flex;flex-direction: column}
.karta-otwarcia-gora{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 0.75rem}
.karta-otwarcia-wstazki{display: inline-flex;align-items: center}
.wstazki-mala-img{height: 26px;width: auto;object-fit: contain}
.karta-otwarcia-tytul{font-size: clamp(1.35rem, 2vw, 1.75rem);margin-bottom: 0.65rem}
.karta-otwarcia-tytul a{color: var(--tekst)}
.karta-otwarcia-tytul a:hover{color: var(--akcent);text-decoration: underline}
.karta-otwarcia-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;font-size: 0.86rem;color: var(--t2);margin-bottom: 0.85rem}
.karta-otwarcia-meta time, .karta-otwarcia-meta > span{display: inline-flex;align-items: center;gap: 0.35rem}
.karta-otwarcia-meta svg{width: 15px;height: 15px;color: var(--zloto-tekst)}
.karta-otwarcia-lead{color: var(--t2);font-size: 0.98rem;margin-bottom: 1.25rem}
.karta-otwarcia-akcja{margin-top: auto}
.siatka-kart-4{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem;margin-bottom: 2.25rem}
.siatka-kart-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.35rem}
.karta-wpisu{min-width: 0;height: 100%;display: flex;flex-direction: column;background: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta);overflow: hidden;transition: transform 0.18s ease, box-shadow 0.18s ease}
.karta-wpisu:hover{transform: translateY(-2px);box-shadow: var(--cien-mocny)}
.karta-obraz-ramka{display: block;overflow: hidden;background: var(--akcent-jasny);border-bottom: 1px solid var(--linia)}
.karta-obraz, .karta-obraz-ramka img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;transition: transform 0.25s ease}
.karta-wpisu:hover .karta-obraz{transform: scale(1.03)}
.karta-naglowek-aktu{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.75rem 1.1rem 0}
.karta-dzial-plakietka{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 28px;padding: 0.15rem 0.6rem;background: var(--zloto-jasne);border: 1px solid var(--zloto-obrys);border-radius: 4px;font-size: 0.76rem;font-weight: 700;color: var(--tekst)}
.karta-dzial-plakietka:hover{background: var(--dodatek);color: var(--tekst)}
.karta-dzial-ikona svg{width: 14px;height: 14px;color: var(--kd, var(--akcent))}
.karta-sygnatura-znak{color: var(--zloto-tekst);opacity: 0.65}
.karta-sygnatura-znak svg{width: 15px;height: 15px}
.karta-tresc{padding: 0.75rem 1.1rem;flex: 1 1 auto;display: flex;flex-direction: column}
.karta-tytul{font-size: 1.06rem;line-height: 1.32;margin-bottom: 0.5rem}
.karta-tytul a{color: var(--tekst)}
.karta-tytul a:hover{color: var(--akcent);text-decoration: underline}
.karta-lead{font-size: 0.88rem;color: var(--t2);line-height: 1.5}
.karta-stopka-aktu{margin-top: auto;padding: 0.65rem 1.1rem;background: var(--tlo);border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}
.karta-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem;font-size: 0.78rem;color: var(--t2)}
.karta-data, .karta-czas{display: inline-flex;align-items: center;gap: 0.25rem}
.karta-meta svg{width: 13px;height: 13px;color: var(--zloto-tekst)}
.karta-link-strzalka{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 44px;padding-inline: 0.35rem;font-size: 0.8rem;font-weight: 700;color: var(--akcent)}
.karta-strzalka-kolo{width: 26px;height: 26px;border-radius: 50%;background: var(--dodatek);color: var(--tekst);display: inline-flex;align-items: center;justify-content: center;font-weight: 700}
.siatka-trzech-dzialow{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.35rem;margin-bottom: 2.25rem}
.kolumna-dzialu-makieta{min-width: 0;height: 100%;display: flex;flex-direction: column;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);overflow: hidden;box-shadow: var(--cien-karta)}
.kolumna-dzialu-belka{display: flex;align-items: center;gap: 0.6rem;padding: 0.85rem 1.15rem;background: var(--kd, var(--akcent));color: var(--akcent-tekst)}
.kolumna-dzialu-ikona{display: inline-flex;color: var(--dodatek)}
.kolumna-dzialu-ikona svg{width: 20px;height: 20px}
.kolumna-dzialu-tytul{font-size: 1.08rem;margin: 0}
.kolumna-dzialu-tytul a{color: var(--akcent-tekst)}
.kolumna-dzialu-tytul a:hover{text-decoration: underline}
.kolumna-dzialu-lista{list-style: none;padding: 0.5rem 1.15rem;flex: 1 1 auto}
.kolumna-dzialu-lista li{border-bottom: 1px dashed var(--linia)}
.kolumna-dzialu-lista li:last-child{border-bottom: 0}
.kolumna-dzialu-link{display: flex;align-items: flex-start;gap: 0.5rem;min-height: 44px;padding-block: 0.65rem;font-size: 0.92rem;font-weight: 500;color: var(--tekst)}
.kolumna-dzialu-link:hover{color: var(--akcent)}
.kolumna-strzalka{color: var(--zloto-tekst);font-weight: 700;font-size: 1.1rem;line-height: 1.2}
.kolumna-dzialu-stopka{padding: 0.6rem 1.15rem;background: var(--tlo);border-top: 1px solid var(--linia);text-align: right}
.kolumna-wszystkie-link{display: inline-flex;align-items: center;min-height: 44px;font-size: 0.85rem;font-weight: 700;color: var(--akcent)}
.ramka-krok-po-kroku{display: grid;grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.55fr);gap: 1.5rem;align-items: center;background: linear-gradient(135deg, #fffdf8 0%, #f1e8d4 100%);border: 1px solid var(--zloto-obrys);border-left: 5px solid var(--dodatek);border-radius: var(--r);padding: 1.75rem;box-shadow: var(--cien-karta)}
.krok-po-kroku-tresc{min-width: 0}
.krok-wstazka-naglowek{margin-bottom: 1.15rem}
.krok-wstazka-etykieta{display: inline-block;background: var(--dodatek);color: var(--tekst);font-family: var(--f-n);font-weight: 700;font-size: 1.05rem;padding: 0.35rem 1rem;border-radius: 4px;margin-bottom: 0.5rem}
.krok-wstazka-opis{font-size: 0.92rem;color: var(--t2)}
.krok-lista-4{list-style: none;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.85rem}
.krok-element{min-width: 0;display: flex;align-items: flex-start;gap: 0.75rem;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);padding: 0.75rem}
.krok-numer{width: 30px;height: 30px;border-radius: 50%;background: var(--dodatek);color: var(--tekst);font-weight: 700;font-size: 0.88rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.krok-tekst{min-width: 0;display: flex;flex-direction: column;gap: 0.2rem}
.krok-link{font-weight: 700;font-size: 0.92rem;color: var(--tekst);min-height: 44px;display: inline-flex;align-items: center}
.krok-link:hover{color: var(--akcent);text-decoration: underline}
.krok-dzial-mala{font-size: 0.76rem;color: var(--zloto-tekst);font-weight: 600}
.krok-po-kroku-ilustracja{display: flex;justify-content: center}
.krok-mlotek-img, .krok-po-kroku-ilustracja img{width: 100%;max-width: 260px;aspect-ratio: 4 / 3;object-fit: cover;border-radius: var(--r);border: 1px solid var(--linia)}
.siatka-etapow-3{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.5rem}
.karta-etapu{min-width: 0;height: 100%;display: flex;flex-direction: column;background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--akcent);border-radius: var(--r);padding: 1.5rem;box-shadow: var(--cien-karta)}
.karta-etapu-akcent{border-top-color: var(--dodatek);background: linear-gradient(180deg, #ffffff 0%, #fcf9f2 100%)}
.karta-etapu-naglowek{display: flex;align-items: center;gap: 1rem;margin-bottom: 0.85rem}
.karta-etapu-grafika{width: 64px;height: 64px;border-radius: var(--r);background: var(--zloto-jasne);border: 1px solid var(--zloto-obrys);padding: 0.35rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center}
.etap-ikona-img, .etap-klepsydra-img, .etap-waga-img{width: 52px;height: 52px;aspect-ratio: 1 / 1;object-fit: contain}
.karta-etapu-tytuly{min-width: 0}
.etap-numer-rzymski{display: inline-block;font-family: var(--f-n);font-size: 0.8rem;font-weight: 700;color: var(--tekst);background: var(--dodatek);padding: 0.1rem 0.55rem;border-radius: 4px;margin-bottom: 0.25rem}
.karta-etapu-tytuly h3{font-size: 1.15rem;margin: 0}
.karta-etapu-opis{font-size: 0.9rem;color: var(--t2);padding-bottom: 1rem;border-bottom: 1px solid var(--linia);margin-bottom: 1rem}
.etap-lista-akt{list-style: none;display: flex;flex-direction: column;gap: 0.85rem;flex: 1 1 auto}
.etap-pozycja{display: flex;align-items: flex-start;gap: 0.65rem}
.etap-pozycja-nr{font-family: var(--f-n);font-weight: 700;font-size: 0.85rem;color: var(--zloto-tekst);background: var(--tlo);border: 1px solid var(--linia);border-radius: 4px;padding: 0.15rem 0.45rem;flex-shrink: 0}
.etap-pozycja-cialo{min-width: 0}
.etap-pozycja-tytul{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;font-size: 0.94rem;color: var(--tekst);line-height: 1.3}
.etap-pozycja-tytul:hover{color: var(--akcent);text-decoration: underline}
.etap-pozycja-lead{font-size: 0.82rem;color: var(--t2);margin-top: 0.15rem}
.sekcja-hierarchia-prawa{padding-block: 3.5rem;background: var(--akcent);color: var(--akcent-tekst);border-bottom: 3px solid var(--dodatek)}
.hierarchia-panel-gorny{display: flex;flex-direction: column;gap: 2.25rem}
.hierarchia-opis-kol{min-width: 0}
.kicker-jasny{background: var(--dodatek);color: var(--tekst);border-color: var(--dodatek)}
.tytul-jasny{color: var(--akcent-tekst);margin-bottom: 0.5rem}
.opis-jasny{color: var(--stopka-tekst);max-width: 75ch;margin-bottom: 1.5rem}
.hierarchia-szczeble{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.szczebel-aktu{min-width: 0;display: flex;align-items: flex-start;gap: 0.9rem;padding: 1.15rem;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(200, 155, 67, 0.45);border-radius: var(--r)}
.szczebel-grafika{width: 52px;height: 52px;border-radius: var(--r);background: var(--pow);padding: 0.3rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center}
.szczebel-img{width: 42px;height: 42px;aspect-ratio: 1 / 1;object-fit: contain}
.szczebel-tekst{min-width: 0}
.szczebel-tekst strong{display: block;font-family: var(--f-n);font-size: 1.05rem;color: var(--dodatek);margin-bottom: 0.25rem}
.szczebel-tekst p{font-size: 0.86rem;color: var(--stopka-tekst)}
.hierarchia-karty-kol{min-width: 0}
.siatka-aktow-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.karta-aktu-prawnego{min-width: 0;height: 100%;display: flex;flex-direction: column;background: var(--pow);color: var(--tekst);border: 1px solid var(--linia);border-top: 4px solid var(--kd, var(--dodatek));border-radius: var(--r);padding: 1.25rem;box-shadow: var(--cien-mocny)}
.karta-aktu-gora{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.65rem}
.karta-aktu-dzial{display: inline-flex;align-items: center;min-height: 28px;padding: 0.15rem 0.65rem;background: var(--zloto-jasne);border: 1px solid var(--zloto-obrys);border-radius: 4px;font-size: 0.76rem;font-weight: 700;color: var(--tekst)}
.karta-aktu-paragraf{font-family: var(--f-n);font-size: 1.35rem;font-weight: 700;color: var(--zloto-tekst)}
.karta-aktu-tytul{font-size: 1.08rem;margin-bottom: 0.5rem}
.karta-aktu-tytul a{color: var(--tekst)}
.karta-aktu-tytul a:hover{color: var(--akcent);text-decoration: underline}
.karta-aktu-lead{font-size: 0.88rem;color: var(--t2);margin-bottom: 1rem;flex: 1 1 auto}
.karta-aktu-link{display: inline-flex;align-items: center;min-height: 44px;font-size: 0.86rem;font-weight: 700;color: var(--akcent);margin-top: auto}
.siatka-relacji-2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.75rem}
.panel-relacji{min-width: 0;height: 100%;display: flex;flex-direction: column;background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--akcent);border-radius: var(--r);padding: 1.6rem;box-shadow: var(--cien-karta)}
.panel-relacji-naglowek{display: flex;align-items: center;gap: 1rem;margin-bottom: 0.85rem}
.panel-relacji-ikony{display: flex;align-items: center;gap: 0.4rem;flex-shrink: 0}
.relacja-kolo-img, .relacja-uscisk-img{width: 48px;height: 48px;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 50%;border: 2px solid var(--dodatek);background: var(--zloto-jasne)}
.panel-relacji-tytuly{min-width: 0}
.panel-relacji-podtytul{display: block;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--zloto-tekst)}
.panel-relacji-tytuly h3{font-size: 1.28rem;margin: 0}
.panel-relacji-opis{font-size: 0.92rem;color: var(--t2);margin-bottom: 1.2rem;padding-bottom: 1rem;border-bottom: 1px solid var(--linia)}
.panel-relacji-lista{display: flex;flex-direction: column;gap: 0.85rem;flex: 1 1 auto}
.relacja-wpis{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;gap: 0.85rem;padding: 0.85rem;background: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r)}
.relacja-wpis-nr{font-family: var(--f-n);font-weight: 700;font-size: 0.9rem;color: var(--tekst);background: var(--dodatek);width: 30px;height: 30px;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center}
.relacja-wpis-tresc{min-width: 0}
.relacja-wpis-tresc h4{font-size: 0.98rem;margin-bottom: 0.2rem}
.relacja-wpis-tresc h4 a{color: var(--tekst)}
.relacja-wpis-tresc h4 a:hover{color: var(--akcent);text-decoration: underline}
.relacja-wpis-tresc p{font-size: 0.83rem;color: var(--t2)}
.relacja-wpis-strzalka{width: 44px;height: 44px;border-radius: var(--r);background: var(--pow);border: 1px solid var(--linia);color: var(--akcent);display: inline-flex;align-items: center;justify-content: center;font-weight: 700}
.relacja-wpis-strzalka:hover{background: var(--dodatek);color: var(--tekst);border-color: var(--dodatek)}
.firmy-baner-gorny{display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);gap: 1.5rem;align-items: center;background: var(--pow);border: 1px solid var(--linia);border-left: 5px solid var(--akcent);border-radius: var(--r);padding: 1.75rem;margin-bottom: 1.75rem;box-shadow: var(--cien-karta)}
.firmy-baner-tekst{min-width: 0}
.firmy-baner-grafiki{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.85rem}
.firmy-biurowiec-img, .firmy-laptop-img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: var(--r);border: 1px solid var(--linia)}
.wiersz-wpisu{min-width: 0;display: grid;grid-template-columns: 185px minmax(0, 1fr) auto;align-items: center;gap: 1.25rem;padding: 1.15rem;background: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta);margin-bottom: 1rem}
.wiersz-wpisu:hover{border-color: var(--dodatek);border-left-color: var(--kd, var(--akcent));box-shadow: var(--cien-mocny)}
.wiersz-obraz-ramka{display: block;overflow: hidden;border-radius: 4px;border: 1px solid var(--linia);background: var(--akcent-jasny)}
.wiersz-obraz, .wiersz-obraz-ramka img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover}
.wiersz-sygnatura{display: flex;align-items: center;justify-content: center;gap: 0.75rem;height: 110px;background: var(--tlo);border: 1px solid var(--linia);border-radius: 4px;padding: 0.75rem}
.wiersz-kalendarzyk{display: flex;flex-direction: column;align-items: center;justify-content: center;background: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: 4px;padding: 0.35rem 0.65rem;min-width: 58px}
.wiersz-kal-dzien{font-family: var(--f-n);font-size: 1.25rem;font-weight: 700;line-height: 1;color: var(--tekst)}
.wiersz-kal-mies{font-size: 0.72rem;font-weight: 700;text-transform: uppercase;color: var(--t2)}
.wiersz-dzial-znaczek{width: 42px;height: 42px;border-radius: 50%;background: var(--zloto-jasne);color: var(--kd, var(--akcent));display: inline-flex;align-items: center;justify-content: center}
.wiersz-dzial-znaczek svg{width: 22px;height: 22px}
.wiersz-korpus{min-width: 0}
.wiersz-meta-pasek{display: flex;flex-wrap: wrap;align-items: center;gap: 0.85rem;font-size: 0.82rem;color: var(--t2);margin-bottom: 0.35rem}
.wiersz-dzial-link{font-weight: 700;color: var(--zloto-tekst);background: var(--zloto-jasne);padding: 0.1rem 0.55rem;border-radius: 4px}
.wiersz-data, .wiersz-czas{display: inline-flex;align-items: center;gap: 0.3rem}
.wiersz-meta-pasek svg{width: 14px;height: 14px;color: var(--zloto-tekst)}
.wiersz-tytul{font-size: 1.15rem;margin-bottom: 0.35rem}
.wiersz-tytul a{color: var(--tekst)}
.wiersz-tytul a:hover{color: var(--akcent);text-decoration: underline}
.wiersz-lead{font-size: 0.9rem;color: var(--t2)}
.wiersz-akcja{display: flex;align-items: center}
.wiersz-przycisk{width: 44px;height: 44px;border-radius: var(--r);background: var(--dodatek);color: var(--tekst);font-weight: 700;font-size: 1.1rem;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #a87e2b}
.wiersz-przycisk:hover{background: var(--akcent);color: var(--akcent-tekst);border-color: var(--akcent)}
.okruchy{padding-block: 0.85rem;font-size: 0.86rem;color: var(--t2);border-bottom: 1px solid var(--linia);margin-bottom: 1.5rem}
.okruchy ol{list-style: none;display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem}
.okruchy li{display: inline-flex;align-items: center;gap: 0.4rem}
.okruchy li + li::before{content: "›";color: var(--zloto-tekst);font-weight: 700}
.okruchy a{color: var(--akcent);font-weight: 600;min-height: 44px;display: inline-flex;align-items: center}
.okruchy a:hover{text-decoration: underline}
.okruchy [aria-current="page"]{color: var(--tekst);font-weight: 700}
.paginacja, .dz-paginacja{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.45rem;margin-block: 2rem}
.paginacja ul, .dz-paginacja ul{list-style: none;display: flex;flex-wrap: wrap;gap: 0.45rem}
.paginacja a, .paginacja span, .dz-paginacja a, .dz-paginacja span{min-width: 44px;min-height: 44px;padding: 0.4rem 0.75rem;display: inline-flex;align-items: center;justify-content: center;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);font-weight: 700;font-size: 0.92rem;color: var(--tekst)}
.paginacja a:hover, .dz-paginacja a:hover{background: var(--zloto-jasne);border-color: var(--dodatek);color: var(--tekst)}
.paginacja [aria-current="page"], .paginacja .aktywna, .dz-paginacja [aria-current="page"], .dz-paginacja .aktywna{background: var(--dodatek);color: var(--tekst);border-color: #a87e2b}
.dz-strona, .strona-dzialu{padding-bottom: 3.5rem}
.dz-hero, .dz-baner, .dz-naglowek{position: relative;background: linear-gradient(125deg, var(--akcent-cien) 0%, var(--kd, var(--akcent)) 65%, #243e5c 100%);color: var(--akcent-tekst);border: 1px solid var(--dodatek);border-radius: var(--r);overflow: hidden;margin-block: 1.25rem 2rem;box-shadow: var(--cien-mocny)}
.dz-hero-uklad, .dz-baner-uklad{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);align-items: center;gap: 2rem;padding: 2.25rem}
.dz-hero-tresc, .dz-baner-tresc{min-width: 0}
.dz-kicker, .dz-nadtytul{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.25rem 0.75rem;background: var(--dodatek);color: var(--tekst);font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;border-radius: 4px;margin-bottom: 0.75rem}
.dz-kicker svg, .dz-nadtytul svg{width: 16px;height: 16px}
.dz-tytul{font-size: clamp(1.85rem, 3vw, 2.6rem);color: var(--akcent-tekst);margin-bottom: 0.5rem}
.dz-podtytul{font-family: var(--f-n);font-size: 1.15rem;color: var(--dodatek);margin-bottom: 0.65rem}
.dz-opis{font-size: 0.96rem;color: var(--stopka-tekst);max-width: 65ch}
.dz-hero-wizual, .dz-baner-obraz, .dz-hero-obraz{min-width: 0;display: flex;justify-content: flex-end}
.dz-hero-wizual img, .dz-baner-obraz img, .dz-hero-obraz img{width: 100%;max-width: 380px;aspect-ratio: 16 / 10;object-fit: cover;border-radius: var(--r);border: 2px solid var(--dodatek)}
.dz-pasek-filtrow, .dz-belka-info, .dz-tematy-pasek{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid var(--linia)}
.dz-licznik{font-family: var(--f-n);font-size: 1.15rem;font-weight: 700;color: var(--tekst)}
.dz-filtry, .dz-pilsy{display: flex;flex-wrap: wrap;gap: 0.5rem}
.dz-filtr, .dz-pils{display: inline-flex;align-items: center;min-height: 44px;padding: 0.4rem 1rem;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);font-size: 0.88rem;font-weight: 600;color: var(--tekst)}
.dz-filtr:hover, .dz-pils:hover{border-color: var(--dodatek);background: var(--zloto-jasne)}
.dz-filtr.aktywny, .dz-pils.aktywny{background: var(--akcent);color: var(--akcent-tekst);border-color: var(--akcent)}
.dz-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: 2rem;align-items: start}
.dz-glowna, .dz-lista, .dz-lista-wierszy{min-width: 0}
.dz-siatka-9, .siatka-kart-9, .dz-siatka-kart{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.35rem}
.dz-siatka-8, .siatka-kart-8, .dz-inne-4{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem}
.dz-siatka-6, .dz-tematy-siatka, .dz-inne-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.dz-temat-karta, .dz-inne-karta{min-width: 0;height: 100%;display: flex;flex-direction: column;padding: 1.25rem;background: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta)}
.dz-temat-karta:hover, .dz-inne-karta:hover{border-color: var(--dodatek);transform: translateY(-2px)}
.dz-brak{padding: 2.5rem;text-align: center;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-strona, .strona-wpisu{padding-bottom: 3.5rem}
.wp-naglowek, .wp-gora{padding-block: 1rem 1.5rem;border-bottom: 2px solid var(--linia);margin-bottom: 2rem}
.wp-dzial-pasek{display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem;margin-bottom: 0.75rem}
.wp-dzial-plakietka, .wp-sponsorowane{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 30px;padding: 0.2rem 0.75rem;background: var(--dodatek);color: var(--tekst);font-size: 0.8rem;font-weight: 700;border-radius: 4px}
.wp-sponsorowane{background: var(--zloto-jasne);border: 1px solid var(--zloto-obrys)}
.wp-tytul{font-size: clamp(1.85rem, 3.2vw, 2.65rem);line-height: 1.16;margin-bottom: 1rem}
.wp-meta, .wp-meta-pasek{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem;font-size: 0.88rem;color: var(--t2)}
.wp-meta-lewa, .wp-meta-elementy{display: flex;flex-wrap: wrap;align-items: center;gap: 1.15rem}
.wp-meta-item, .wp-data, .wp-czas, .wp-aktualizacja{display: inline-flex;align-items: center;gap: 0.35rem}
.wp-meta svg, .wp-meta-pasek svg{width: 16px;height: 16px;color: var(--zloto-tekst)}
.wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 350px;gap: 2.25rem;align-items: start}
.wp-glowna, .wp-artykul, .wp-kol-tresc{min-width: 0;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);padding: 2.25rem;box-shadow: var(--cien-karta)}
.wp-obraz-glowny, .wp-hero-obraz, .wp-figura{margin: 0 0 1.75rem;border-radius: var(--r);overflow: hidden;border: 1px solid var(--linia);background: var(--akcent-jasny)}
.wp-obraz-glowny img, .wp-hero-obraz img, .wp-figura img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover}
.wp-lead, .wp-wstep{font-size: 1.12rem;line-height: 1.65;font-weight: 500;color: var(--tekst);margin-bottom: 1.75rem;padding-bottom: 1.25rem;border-bottom: 1px solid var(--linia)}
.wp-spis, .wp-spis-tresci{margin-block: 1.75rem;background: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r);overflow: hidden}
.wp-spis-naglowek, .wp-spis-tytul{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.25rem;background: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-n);font-size: 1.08rem;font-weight: 700;margin: 0}
.wp-spis ol, .wp-spis ul, .wp-spis-lista{list-style: none;padding: 0.85rem 1.25rem;counter-reset: spis-licznik}
.wp-spis li, .wp-spis-lista li{counter-increment: spis-licznik;border-bottom: 1px dashed var(--linia)}
.wp-spis li:last-child, .wp-spis-lista li:last-child{border-bottom: 0}
.wp-spis a, .wp-spis-lista a{display: flex;align-items: center;gap: 0.65rem;min-height: 44px;padding-block: 0.35rem;color: var(--tekst);font-weight: 600;font-size: 0.94rem}
.wp-spis a::before, .wp-spis-lista a::before{content: counter(spis-licznik) ".";font-family: var(--f-n);font-weight: 700;color: var(--zloto-tekst);min-width: 1.4rem}
.wp-spis a:hover, .wp-spis-lista a:hover{color: var(--akcent);text-decoration: underline}
.wp-tresc, .wp-cialo{font-size: 1.03rem;line-height: 1.74;color: var(--tekst);counter-reset: sekcja-h2}
.wp-tresc h2, .wp-cialo h2{counter-increment: sekcja-h2;display: flex;align-items: center;gap: 0.75rem;font-size: clamp(1.35rem, 2.1vw, 1.68rem);margin: 2.25rem 0 1rem;padding-bottom: 0.5rem;border-bottom: 1px solid var(--linia)}
.wp-tresc h2::before, .wp-cialo h2::before{content: counter(sekcja-h2);width: 34px;height: 34px;border-radius: 4px;background: var(--dodatek);color: var(--tekst);font-family: var(--f-n);font-size: 1.05rem;font-weight: 700;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.wp-tresc h3, .wp-cialo h3{font-size: 1.25rem;margin: 1.65rem 0 0.65rem;color: var(--akcent)}
.wp-tresc ul, .wp-tresc ol, .wp-cialo ul, .wp-cialo ol{margin: 0 0 1.25rem 1.35rem}
.wp-tresc li, .wp-cialo li{margin-bottom: 0.45rem}
.wp-tresc blockquote, .wp-cytat, .wp-ramka, .wp-wazne{position: relative;margin: 1.75rem 0;padding: 1.25rem 1.5rem 1.25rem 3.5rem;background: var(--zloto-jasne);border: 1px solid var(--zloto-obrys);border-left: 4px solid var(--dodatek);border-radius: var(--r);font-style: italic;color: var(--tekst)}
.wp-tresc blockquote::before, .wp-cytat::before{content: "“";position: absolute;top: 0.4rem;left: 0.85rem;font-family: var(--f-n);font-size: 3rem;line-height: 1;color: var(--zloto-tekst);font-style: normal}
.wp-tresc table, .wp-cialo table, .wp-tabela-opakowanie table, main table{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;border-collapse: collapse;margin-block: 1.5rem;font-size: 0.92rem;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-tresc th, .wp-tresc td, main th, main td{padding: 0.75rem 1rem;border: 1px solid var(--linia);text-align: left;vertical-align: top}
.wp-tresc th, main th{background: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-n);font-weight: 700}
.wp-tresc tr:nth-child(even) td, main tr:nth-child(even) td{background: var(--tlo)}
.wp-sasiednie, .wp-nawigacja-2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.25rem;margin-top: 2.25rem}
.wp-sasiedni-link{min-width: 0;min-height: 76px;display: flex;flex-direction: column;justify-content: center;padding: 1rem 1.25rem;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);color: var(--tekst)}
.wp-sasiedni-link:hover{border-color: var(--dodatek);background: var(--zloto-jasne)}
.wp-powiazane, .wp-z-dzialu{margin-top: 2.75rem}
.wp-powiazane-3, .wp-z-dzialu-3{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.bok-kolumna, .bok-panel, .wp-bok, .dz-bok{min-width: 0;position: sticky;top: 1.5rem;align-self: start;display: flex;flex-direction: column;gap: 1.5rem}
.bok-widzet, .bok-karta, .bok-sekcja{background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-karta);overflow: hidden}
.bok-naglowek, .bok-tytul{margin: 0;padding: 0.75rem 1.15rem;background: var(--dodatek);color: var(--tekst);font-family: var(--f-n);font-size: 1.08rem;font-weight: 700;border-bottom: 1px solid #a87e2b;display: flex;align-items: center;gap: 0.5rem}
.bok-naglowek svg, .bok-tytul svg{width: 18px;height: 18px}
.bok-cialo, .bok-tresc{padding: 1rem 1.15rem}
.bok-powiazane-lista, .bok-lista-wpisow{list-style: none;display: flex;flex-direction: column;gap: 0.85rem;padding: 1rem 1.15rem}
.bok-wpis, .bok-pozycja{display: grid;grid-template-columns: 78px minmax(0, 1fr);gap: 0.75rem;align-items: center;padding-bottom: 0.85rem;border-bottom: 1px solid var(--linia)}
.bok-wpis:last-child, .bok-pozycja:last-child{padding-bottom: 0;border-bottom: 0}
.bok-wpis-obraz{width: 78px;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 4px;border: 1px solid var(--linia)}
.bok-wpis-tytul{font-size: 0.88rem;font-weight: 700;line-height: 1.32;color: var(--tekst);min-height: 44px;display: inline-flex;align-items: center}
.bok-wpis-tytul:hover{color: var(--akcent);text-decoration: underline}
.bok-kategorie, .bok-dzialy-lista, .bok-spis-lista{list-style: none;padding: 0.5rem 1.15rem}
.bok-kategorie li, .bok-dzialy-lista li, .bok-spis-lista li{border-bottom: 1px dashed var(--linia)}
.bok-kategorie li:last-child, .bok-dzialy-lista li:last-child, .bok-spis-lista li:last-child{border-bottom: 0}
.bok-link{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;min-height: 44px;padding-block: 0.45rem;font-size: 0.92rem;font-weight: 600;color: var(--tekst)}
.bok-link::before{content: "›";color: var(--zloto-tekst);font-weight: 700;margin-right: 0.35rem}
.bok-link:hover{color: var(--akcent)}
.bok-metryczka{padding: 1rem 1.15rem;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.75rem}
.bok-metryczka-pole{background: var(--tlo);border: 1px solid var(--linia);border-radius: 4px;padding: 0.55rem 0.75rem;font-size: 0.82rem}
.bok-metryczka-pole span{display: block;color: var(--t2)}
.bok-metryczka-pole strong{color: var(--tekst);font-size: 0.92rem}
.bok-ozdoba img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: var(--r)}
.dz-siatka:has(> :nth-child(9):last-child), .wp-siatka:has(> :nth-child(9):last-child){display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.35rem}
.dz-siatka:has(> :nth-child(8):last-child), .wp-siatka:has(> :nth-child(8):last-child){display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem}
.dz-siatka:has(> :nth-child(6):last-child), .wp-siatka:has(> :nth-child(6):last-child){display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.strona-stala, .strona-404, .blad-404{padding-block: 2.5rem 4rem}
.stopka-witryny{background: var(--stopka);color: var(--stopka-tekst);position: relative;margin-top: 2rem}
.stopka-fala-pas{height: 22px;overflow: hidden;background: var(--tlo)}
.stopka-fala-img, .stopka-fala-pas img{width: 100%;height: 100%;object-fit: cover}
.stopka-glowna{display: grid;grid-template-columns: 1.35fr 1fr 1.15fr 1fr;gap: 2.25rem;padding-block: 3rem 2.5rem}
.stopka-kol{min-width: 0}
.stopka-marka{display: inline-flex;align-items: center;gap: 0.75rem;color: var(--akcent-tekst);margin-bottom: 1rem;min-height: 44px}
.stopka-marka-ikona{width: 42px;height: 42px;border-radius: var(--r);background: rgba(200, 155, 67, 0.18);border: 1px solid var(--dodatek);color: var(--dodatek);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.stopka-marka-ikona svg{width: 22px;height: 22px}
.stopka-marka-tekst{display: flex;flex-direction: column}
.stopka-marka-nazwa{font-family: var(--f-n);font-size: 1.4rem;color: var(--akcent-tekst)}
.stopka-marka-podtytul{font-size: 0.8rem;color: var(--dodatek)}
.stopka-opis{font-size: 0.9rem;color: var(--stopka-tekst);margin-bottom: 1.15rem}
.stopka-klauzula{display: flex;align-items: flex-start;gap: 0.65rem;padding: 0.85rem;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(200, 155, 67, 0.35);border-radius: var(--r);font-size: 0.8rem;color: var(--stopka-tekst)}
.stopka-klauzula-ikona{color: var(--dodatek);flex-shrink: 0;margin-top: 0.15rem}
.stopka-klauzula-ikona svg{width: 18px;height: 18px}
.stopka-naglowek{font-family: var(--f-n);font-size: 1.12rem;color: var(--dodatek);margin-bottom: 1rem;padding-bottom: 0.45rem;border-bottom: 1px solid rgba(200, 155, 67, 0.35)}
.stopka-lista{list-style: none;display: flex;flex-direction: column;gap: 0.25rem}
.stopka-lista a{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 44px;padding-block: 0.25rem;font-size: 0.9rem;color: var(--stopka-tekst)}
.stopka-lista a:hover{color: var(--dodatek);text-decoration: underline}
.stopka-punkt-ikona{color: var(--dodatek);display: inline-flex}
.stopka-punkt-ikona svg{width: 15px;height: 15px}
.stopka-ozdoba{margin-top: 1rem}
.stopka-ksiegi-img{max-width: 140px;aspect-ratio: 4 / 3;object-fit: contain;opacity: 0.88}
.stopka-dol{background: #0a1524;border-top: 1px solid rgba(255, 255, 255, 0.1);padding-block: 1.15rem;font-size: 0.85rem;color: var(--stopka-tekst)}
.stopka-dol-wiersz{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem}
.stopka-ornament-img{height: 16px;width: auto;object-fit: contain}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}
}
@media (max-width: 1120px){.siatka-kart-4, .dz-siatka-8, .siatka-kart-8, .dz-inne-4, .dz-siatka:has(> :nth-child(8):last-child), .wp-siatka:has(> :nth-child(8):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.stopka-glowna{grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-uklad, .dz-uklad{grid-template-columns: minmax(0, 1fr) 300px;gap: 1.5rem}
}
@media (max-width: 900px){.hero-uklad, .karta-otwarcia-glowna, .ramka-krok-po-kroku, .firmy-baner-gorny, .dz-hero-uklad, .dz-baner-uklad, .wp-uklad, .dz-uklad{grid-template-columns: minmax(0, 1fr)}
.bok-kolumna, .bok-panel, .wp-bok, .dz-bok{position: static}
.siatka-dzialow-6, .siatka-aktow-6, .siatka-kart-6, .dz-siatka-6, .dz-tematy-siatka, .dz-inne-siatka, .dz-siatka:has(> :nth-child(6):last-child), .wp-siatka:has(> :nth-child(6):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.siatka-trzech-dzialow, .siatka-etapow-3, .hierarchia-szczeble, .siatka-relacji-2, .dz-siatka-9, .siatka-kart-9, .dz-siatka-kart, .wp-powiazane-3, .wp-z-dzialu-3, .dz-siatka:has(> :nth-child(9):last-child), .wp-siatka:has(> :nth-child(9):last-child){grid-template-columns: minmax(0, 1fr)}
.wiersz-wpisu{grid-template-columns: 140px minmax(0, 1fr) auto}
}
@media (max-width: 640px){.kontener{padding-inline: 1rem}
.naglowek-gora-wiersz{flex-direction: column;align-items: flex-start;gap: 0.75rem}
.naglowek-informator{width: 100%}
.nawigacja-wiersz, .naw-lista{width: 100%}
.sekcja-hero{min-height: 360px}
.hero-uklad{padding-block: 1.75rem 2.25rem;gap: 1.5rem}
.hero-akcje, .hero-akcje a{width: 100%}
.naglowek-sekcji-wiersz{flex-direction: column;align-items: flex-start}
.siatka-dzialow-6, .siatka-kart-4, .siatka-trzech-dzialow, .krok-lista-4, .siatka-etapow-3, .hierarchia-szczeble, .siatka-aktow-6, .siatka-relacji-2, .firmy-baner-grafiki, .siatka-kart-6, .stopka-glowna, .dz-siatka-9, .siatka-kart-9, .dz-siatka-kart, .dz-siatka-8, .siatka-kart-8, .dz-inne-4, .dz-siatka-6, .dz-tematy-siatka, .dz-inne-siatka, .wp-sasiednie, .wp-nawigacja-2, .wp-powiazane-3, .wp-z-dzialu-3, .bok-metryczka, .dz-siatka:has(> :nth-child(9):last-child), .wp-siatka:has(> :nth-child(9):last-child), .dz-siatka:has(> :nth-child(8):last-child), .wp-siatka:has(> :nth-child(8):last-child), .dz-siatka:has(> :nth-child(6):last-child), .wp-siatka:has(> :nth-child(6):last-child){grid-template-columns: minmax(0, 1fr)}
.karta-otwarcia-glowna, .ramka-krok-po-kroku, .karta-etapu, .panel-relacji, .firmy-baner-gorny, .wp-glowna, .wp-artykul, .wp-kol-tresc, .dz-hero-uklad, .dz-baner-uklad{padding: 1.15rem}
.relacja-wpis{grid-template-columns: minmax(0, 1fr) auto}
.relacja-wpis-nr{grid-column: 1 / -1}
.wiersz-wpisu{grid-template-columns: minmax(0, 1fr);gap: 0.85rem}
.wiersz-akcja, .wiersz-przycisk{width: 100%}
.stopka-dol-wiersz{flex-direction: column;align-items: flex-start}
}
.dz-strona, .wp-strona{padding-bottom: 3.5rem}
.dz-hero{background: linear-gradient(135deg, #102036 0%, #182f4c 62%, #23456b 100%);color: #f7f3eb;border-top: 2px solid #c89b43;border-bottom: 3px solid #c89b43;padding: 2.25rem 0 2.5rem;margin-bottom: 2rem}
.dz-hero-uklad{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.85fr);gap: 2.25rem;align-items: center}
.dz-kicker{display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(200, 155, 67, 0.18);border: 1px solid rgba(200, 155, 67, 0.55);color: #f1e0c4;padding: 0.35rem 0.85rem;border-radius: 4px;font-size: 0.82rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 0.85rem}
.dz-kicker-ikona svg{width: 16px;height: 16px}
.dz-tytul{font-family: "Spectral", Georgia, serif;font-size: clamp(2rem, 3.4vw, 2.85rem);line-height: 1.15;color: #ffffff;margin: 0 0 0.5rem}
.dz-ornament-wiersz, .wp-ornament-wiersz{margin: 0.5rem 0 0.9rem}
.dz-ornament-img, .wp-ornament-img{width: 180px;height: auto;aspect-ratio: 224 / 32;object-fit: contain;display: block}
.dz-podtytul{font-size: 1.12rem;font-weight: 600;color: #f1e0c4;margin: 0 0 0.65rem;line-height: 1.45}
.dz-opis{font-size: 0.98rem;color: #e9e2d4;line-height: 1.65;margin: 0 0 1.25rem}
.dz-belka-info{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.75rem;padding-top: 1rem;border-top: 1px solid rgba(215, 205, 189, 0.25)}
.dz-belka-punkt{display: flex;align-items: center;gap: 0.5rem;font-size: 0.84rem;color: #f7f3eb;background: rgba(15, 30, 51, 0.55);border: 1px solid rgba(200, 155, 67, 0.35);padding: 0.55rem 0.75rem;border-radius: 6px}
.dz-belka-ikona{color: #c89b43;flex-shrink: 0;display: inline-flex}
.dz-belka-ikona svg{width: 18px;height: 18px}
.dz-hero-wizual{position: relative;display: flex;flex-direction: column;align-items: center}
.dz-baner-ramka{width: 100%;max-width: 460px;aspect-ratio: 3 / 2;border-radius: 8px;overflow: hidden;border: 2px solid #c89b43;box-shadow: 0 12px 28px rgba(10, 20, 35, 0.45);background: #0f1e33}
.dz-hero-obraz{width: 100%;height: 100%;object-fit: cover;display: block}
.dz-temida-zastepcza{width: 180px;height: auto;aspect-ratio: 243 / 269;object-fit: contain;margin: auto;display: block}
.dz-hero-pieczec{display: inline-flex;align-items: center;gap: 0.55rem;background: #f7f3eb;color: #142238;border: 1px solid #c89b43;border-radius: 999px;padding: 0.3rem 0.9rem 0.3rem 0.45rem;margin-top: -1.1rem;z-index: 2;font-size: 0.82rem;font-weight: 700;box-shadow: 0 4px 12px rgba(15, 30, 51, 0.25)}
.dz-pieczec-img, .bok-pieczec-img{width: 34px;height: auto;aspect-ratio: 1 / 1;object-fit: contain;flex-shrink: 0}
.dz-sekcja-naglowek{margin-bottom: 1.35rem}
.dz-sekcja-kicker{display: inline-block;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: #8c6523;margin-bottom: 0.25rem}
.dz-sekcja-tytul{font-family: "Spectral", Georgia, serif;font-size: clamp(1.45rem, 2.3vw, 1.9rem);color: #142238;margin: 0 0 0.35rem}
.dz-sekcja-opis{color: #4a586e;font-size: 0.95rem;margin: 0}
.dz-tematy-pasek{margin: 2rem 0 1.5rem}
.dz-tematy-siatka, .dz-inne-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.red-karty-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.25rem}
.siatka-sym:has(> :nth-child(1):last-child){grid-template-columns: 1fr}
.siatka-sym:has(> :nth-child(2):last-child), .siatka-sym:has(> :nth-child(4):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.siatka-sym:has(> :nth-child(3):last-child), .siatka-sym:has(> :nth-child(6):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.siatka-sym:has(> :nth-child(5):last-child){grid-template-columns: 1fr}
.dz-temat-karta, .dz-inne-karta{display: flex;flex-direction: column;justify-content: space-between;background: #ffffff;border: 1px solid #d7cdbd;border-top: 3px solid var(--kd, #182f4c);border-radius: 8px;padding: 1.15rem 1.25rem;text-decoration: none;color: #142238;transition: border-color 0.2s ease, transform 0.2s ease}
.dz-temat-karta:hover, .dz-inne-karta:hover{border-color: #c89b43;transform: translateY(-2px)}
.dz-temat-gora, .dz-inne-gora{display: flex;align-items: center;gap: 0.7rem;margin-bottom: 0.55rem}
.dz-temat-ikona, .dz-inne-ikona{width: 36px;height: 36px;border-radius: 6px;background: #ebe3d2;color: var(--kd, #182f4c);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-temat-ikona svg, .dz-inne-ikona svg{width: 20px;height: 20px}
.dz-temat-nazwa, .dz-inne-nazwa{font-family: "Spectral", Georgia, serif;font-size: 1.1rem;font-weight: 700;margin: 0;color: #142238}
.dz-temat-opis, .dz-inne-opis{font-size: 0.88rem;color: #4a586e;line-height: 1.5;margin: 0}
.dz-inne-akcja{margin-top: 0.8rem;font-size: 0.84rem;font-weight: 700;color: var(--kd, #182f4c)}
.fala-opakowanie, .fala-we-wpisie{margin: 1.5rem auto;overflow: hidden}
.fala-sekcji-img{width: 100%;max-width: 1280px;height: auto;aspect-ratio: 1536 / 122;object-fit: contain;display: block;margin: 0 auto}
.dz-uklad, .wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 330px;gap: 2.25rem;align-items: start;margin-top: 1.5rem}
.dz-glowna, .wp-glowna{min-width: 0;align-self: start;height: auto}
.dz-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 1rem;background: #ffffff;border: 1px solid #d7cdbd;border-left: 4px solid var(--kd, #182f4c);border-radius: 8px;padding: 1rem 1.25rem;margin-bottom: 1.25rem}
.dz-naglowek-lewa{display: flex;align-items: center;gap: 0.85rem}
.dz-naglowek-znak{width: 42px;height: 42px;border-radius: 8px;background: #182f4c;color: #f1e0c4;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-naglowek-znak svg{width: 22px;height: 22px}
.dz-lista-tytul{font-family: "Spectral", Georgia, serif;font-size: 1.35rem;margin: 0;color: #142238}
.dz-lista-opis{font-size: 0.86rem;color: #4a586e;margin: 0.15rem 0 0}
.dz-wstazka-img, .wp-wstazka-img{width: 68px;height: auto;aspect-ratio: 161 / 100;object-fit: contain;display: block}
.dz-lista-wierszy{display: flex;flex-direction: column;gap: 1rem;height: auto}
.dz-lista-wierszy .wiersz-wpisu{height: auto !important;flex: 0 0 auto !important}
.dz-paginacja{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 1.75rem;padding: 1rem;background: #ffffff;border: 1px solid #d7cdbd;border-radius: 8px}
.dz-pag-strony{display: flex;align-items: center;gap: 0.35rem}
.dz-pag-nr, .dz-pag-przycisk{display: inline-flex;align-items: center;justify-content: center;min-width: 38px;height: 38px;padding: 0 0.75rem;border-radius: 6px;border: 1px solid #d7cdbd;background: #f7f3eb;color: #142238;font-weight: 600;font-size: 0.9rem;text-decoration: none}
.dz-pag-nr.aktywny{background: #c89b43;border-color: #8c6523;color: #142238;font-weight: 700}
.dz-przewodnik-etapy{margin-top: 2rem;background: #ffffff;border: 1px solid #d7cdbd;border-top: 3px solid #c89b43;border-radius: 8px;padding: 1.5rem}
.dz-przewodnik-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.25rem}
.dz-przewodnik-tytul{font-family: "Spectral", Georgia, serif;font-size: 1.35rem;margin: 0.2rem 0 0;color: #142238}
.dz-gmach-img{width: 140px;height: auto;aspect-ratio: 457 / 227;object-fit: contain}
.dz-etapy-siatka, .wp-wazne-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem}
.dz-etap-boks, .wp-wazne-karta{background: #f7f3eb;border: 1px solid #d7cdbd;border-radius: 6px;padding: 1rem}
.dz-etap-nagl{display: flex;align-items: center;gap: 0.65rem;margin-bottom: 0.5rem}
.dz-kwadrat-ikona, .wp-wazne-ikona{width: 42px;height: auto;aspect-ratio: 103 / 98;object-fit: contain;flex-shrink: 0}
.dz-ugoda-ikona{width: 64px;height: auto;aspect-ratio: 218 / 109;object-fit: contain;flex-shrink: 0}
.dz-etap-boks h3, .wp-wazne-karta h3{font-family: "Spectral", Georgia, serif;font-size: 1rem;margin: 0 0 0.35rem;color: #142238}
.dz-etap-boks p, .wp-wazne-karta p{font-size: 0.86rem;color: #4a586e;line-height: 1.5;margin: 0}
.bok-kolumna{position: sticky;top: 1.25rem;align-self: start;display: flex;flex-direction: column;gap: 1.25rem}
.dz-uklad:not(:has(.wiersz-wpisu:nth-child(2))) .dz-bok > :nth-child(n+2){display: none}
.dz-uklad:not(:has(.wiersz-wpisu:nth-child(4))) .dz-bok > :nth-child(n+3){display: none}
.bok-karta{background: #ffffff;border: 1px solid #d7cdbd;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 14px rgba(20, 34, 56, 0.05)}
.bok-naglowek{display: flex;align-items: center;gap: 0.6rem;background: linear-gradient(90deg, #182f4c 0%, #23456b 100%);color: #ffffff;padding: 0.85rem 1.1rem;border-bottom: 2px solid #c89b43}
.bok-naglowek-ikona{color: #c89b43;display: inline-flex;flex-shrink: 0}
.bok-naglowek-ikona svg{width: 18px;height: 18px}
.bok-tytul{font-family: "Spectral", Georgia, serif;font-size: 1.05rem;font-weight: 700;margin: 0;color: #ffffff}
.bok-cialo{padding: 1.1rem}
.bok-ilustracja-wiersz, .bok-flaga-wiersz{display: flex;align-items: center;gap: 0.85rem;margin-bottom: 0.9rem}
.bok-klepsydra-img{width: 44px;height: auto;aspect-ratio: 85 / 153;object-fit: contain;flex-shrink: 0}
.bok-flaga-img{width: 56px;height: auto;aspect-ratio: 166 / 156;object-fit: contain;flex-shrink: 0}
.bok-wskazowka-tekst, .bok-flaga-wiersz p{font-size: 0.86rem;color: #4a586e;line-height: 1.5;margin: 0}
.bok-lista-punktow{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.65rem}
.bok-lista-punktow li{background: #f7f3eb;border-left: 3px solid #c89b43;padding: 0.6rem 0.75rem;border-radius: 0 6px 6px 0;display: flex;flex-direction: column;gap: 0.15rem}
.bok-lista-punktow strong{font-size: 0.88rem;color: #142238}
.bok-lista-punktow span{font-size: 0.82rem;color: #4a586e;line-height: 1.45}
.bok-dzialy-lista{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.45rem}
.bok-link{display: flex;align-items: center;gap: 0.65rem;padding: 0.55rem 0.75rem;border-radius: 6px;background: #f7f3eb;border: 1px solid #ebe3d2;color: #142238;text-decoration: none;font-size: 0.9rem;font-weight: 600}
.bok-link:hover, .bok-link.aktywny{border-color: #c89b43;background: #ebe3d2}
.bok-link-ikona{color: var(--kd, #182f4c);display: inline-flex}
.bok-link-ikona svg{width: 17px;height: 17px}
.bok-link-nazwa{flex: 1}
.bok-zastrzezenie-boks{background: #f7f3eb;border: 1px solid #d7cdbd;border-radius: 6px;padding: 0.75rem;font-size: 0.82rem;color: #4a586e}
.bok-zastrzezenie-boks p{margin: 0 0 0.5rem;line-height: 1.45}
.bok-redakcja-link, .bok-caly-dzial-link{display: inline-block;font-size: 0.85rem;font-weight: 700;color: #182f4c;text-decoration: none}
.dz-inne-4{margin-top: 3rem;padding-top: 2rem;border-top: 1px solid #d7cdbd}
.wp-artykul{background: #ffffff;border: 1px solid #d7cdbd;border-radius: 10px;padding: clamp(1.25rem, 3vw, 2.25rem);box-shadow: 0 6px 20px rgba(20, 34, 56, 0.05)}
.wp-naglowek{border-bottom: 2px solid #ebe3d2;padding-bottom: 1.5rem;margin-bottom: 1.75rem}
.wp-naglowek-projektowany{background: linear-gradient(135deg, #fbf9f4 0%, #f3ece0 100%);border: 1px solid #d7cdbd;border-top: 4px solid var(--kd, #182f4c);border-radius: 8px;padding: 1.5rem}
.wp-meta-pasek{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 1rem}
.wp-meta-lewa, .wp-meta-elementy{display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem}
.wp-dzial-plakietka, .wp-sponsorowane{display: inline-flex;align-items: center;gap: 0.4rem;background: var(--kd, #182f4c);color: #ffffff;padding: 0.3rem 0.75rem;border-radius: 4px;font-size: 0.8rem;font-weight: 700;text-decoration: none}
.wp-sponsorowane{background: #8c6523}
.wp-dzial-plakietka svg{width: 15px;height: 15px}
.wp-meta-item{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.85rem;color: #4a586e}
.wp-meta-item svg{width: 15px;height: 15px;color: #8c6523}
.wp-naglowek-cialo{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1.25rem;align-items: center}
.wp-naglowek-projektowany .wp-naglowek-cialo{grid-template-columns: minmax(0, 1fr) 210px}
.wp-tytul{font-family: "Spectral", Georgia, serif;font-size: clamp(1.75rem, 3vw, 2.45rem);line-height: 1.2;color: #142238;margin: 0}
.wp-lead{font-size: 1.06rem;line-height: 1.65;color: #2b3a4f;margin: 0;font-weight: 500}
.wp-sygnatura-akt{background: #ffffff;border: 1px solid #d7cdbd;border-radius: 8px;padding: 0.85rem;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 0.5rem}
.wp-sygnatura-img{width: 170px;height: auto;aspect-ratio: 457 / 227;object-fit: contain}
.dok-ksiegi-img{width: 140px;height: auto;aspect-ratio: 180 / 131;object-fit: contain}
.red-laur-img{width: 130px;height: auto;aspect-ratio: 169 / 105;object-fit: contain}
.blad-temida-img{width: 150px;height: auto;aspect-ratio: 243 / 269;object-fit: contain}
.wp-sygnatura-opis{display: flex;flex-direction: column;gap: 0.15rem;font-size: 0.78rem;color: #4a586e}
.wp-sygnatura-opis strong{color: #182f4c;font-size: 0.82rem}
.wp-obraz-glowny{width: 100%;margin: 0 0 1.75rem 0;border-radius: 8px;overflow: hidden;border: 1px solid #d7cdbd}
.wp-obraz-glowny img{width: 100%;height: auto;display: block}
.wp-spis-tresci{background: #f7f3eb;border: 1px solid #d7cdbd;border-radius: 8px;overflow: hidden;margin-bottom: 2rem}
.wp-spis-naglowek{background: #182f4c;color: #ffffff;padding: 0.75rem 1.25rem;display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #c89b43}
.wp-spis-nagl-lewa{display: flex;align-items: center;gap: 0.6rem}
.wp-spis-ikona{color: #c89b43;display: inline-flex}
.wp-spis-ikona svg{width: 18px;height: 18px}
.wp-spis-tytul{font-family: "Spectral", Georgia, serif;font-size: 1.1rem;margin: 0;color: #ffffff}
.wp-spis-lista{list-style: none;padding: 1rem 1.25rem;margin: 0;display: flex;flex-direction: column;gap: 0.5rem}
.wp-spis-lista a{display: flex;align-items: baseline;gap: 0.65rem;text-decoration: none;color: #142238;font-size: 0.94rem;font-weight: 500;padding: 0.3rem 0.4rem;border-radius: 4px}
.wp-spis-lista a:hover{background: #ebe3d2;color: #182f4c}
.wp-spis-nr{font-weight: 700;color: #8c6523;min-width: 1.6rem}
.wp-sekcja{margin-bottom: 2rem}
.wp-sekcja-naglowek{display: flex;align-items: baseline;gap: 0.75rem;font-family: "Spectral", Georgia, serif;font-size: clamp(1.35rem, 2.2vw, 1.65rem);color: #142238;margin: 0 0 1rem;padding-bottom: 0.45rem;border-bottom: 1px solid #d7cdbd}
.wp-sekcja-nr{display: inline-flex;align-items: center;justify-content: center;background: #c89b43;color: #142238;font-size: 0.88rem;font-weight: 700;min-width: 30px;height: 30px;padding: 0 0.4rem;border-radius: 4px;flex-shrink: 0}
.wp-html{font-size: 1.02rem;line-height: 1.75;color: #142238}
.wp-html p{margin: 0 0 1.1rem}
.wp-html blockquote{background: #f7f3eb;border-left: 4px solid #c89b43;padding: 1rem 1.25rem;margin: 1.25rem 0;border-radius: 0 8px 8px 0;font-style: italic}
.wp-wazne{background: #f7f3eb;border: 1px solid #d7cdbd;border-top: 3px solid #182f4c;border-radius: 8px;padding: 1.35rem;margin-top: 2rem}
.wp-wazne-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1rem}
.wp-wazne-tytul{font-family: "Spectral", Georgia, serif;font-size: 1.25rem;margin: 0.15rem 0 0;color: #142238}
.wp-karteczka-img{width: 72px;height: auto;aspect-ratio: 138 / 107;object-fit: contain}
.wp-wazne-karta{background: #ffffff}
.wp-sasiednie{margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid #d7cdbd}
.wp-sasiednie-tytul{font-family: "Spectral", Georgia, serif;font-size: 1.15rem;margin: 0 0 0.85rem;color: #142238}
.wp-nawigacja-2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem}
.wp-nawigacja-2:has(> :only-child){grid-template-columns: 1fr}
.wp-sasiedni-link{display: flex;flex-direction: column;gap: 0.35rem;padding: 1rem 1.15rem;background: #f7f3eb;border: 1px solid #d7cdbd;border-radius: 8px;text-decoration: none;color: #142238}
.wp-sasiedni-link:hover{border-color: #c89b43}
.wp-nastepny{text-align: right}
.wp-nawigacja-2:has(> :only-child) .wp-nastepny{text-align: left}
.wp-sasiedni-kierunek{font-size: 0.78rem;font-weight: 700;text-transform: uppercase;color: #8c6523}
.wp-sasiedni-nazwa{font-family: "Spectral", Georgia, serif;font-size: 1rem;color: #142238}
.bok-metryczka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.65rem}
.bok-metryczka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.bok-metryczka:has(> :nth-child(1):last-child){grid-template-columns: 1fr}
.bok-metryczka-pole{background: #f7f3eb;border: 1px solid #ebe3d2;border-radius: 6px;padding: 0.6rem 0.65rem;display: flex;flex-direction: column;gap: 0.2rem}
.bok-pole-etykieta{font-size: 0.74rem;color: #4a586e;text-transform: uppercase;letter-spacing: 0.04em}
.bok-pole-wartosc{font-size: 0.9rem;font-weight: 700;color: #142238;text-decoration: none}
.bok-redakcja-stopka{display: flex;align-items: center;gap: 0.65rem;margin-top: 0.85rem;padding-top: 0.85rem;border-top: 1px solid #ebe3d2}
.bok-redakcja-tekst{display: flex;flex-direction: column;font-size: 0.82rem}
.bok-redakcja-tekst span{color: #4a586e}
.bok-redakcja-tekst a{font-weight: 700;color: #182f4c;text-decoration: none}
.bok-powiazane-lista{display: flex;flex-direction: column;gap: 0.65rem}
.bok-wpis{display: flex;align-items: flex-start;gap: 0.65rem;padding: 0.65rem 0.75rem;background: #f7f3eb;border: 1px solid #ebe3d2;border-left: 3px solid var(--kd, #182f4c);border-radius: 6px;text-decoration: none;color: #142238}
.bok-wpis:hover{border-color: #c89b43;background: #ebe3d2}
.bok-wpis-znak{width: 28px;height: 28px;border-radius: 5px;background: #ffffff;color: var(--kd, #182f4c);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;margin-top: 0.1rem}
.bok-wpis-znak svg{width: 15px;height: 15px}
.bok-wpis-tytul{font-size: 0.88rem;font-weight: 600;line-height: 1.4}
.bok-ozdoba-cialo{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.75rem}
.bok-mlotek-img{width: 165px;height: auto;aspect-ratio: 270 / 195;object-fit: contain;display: block}
.bok-zastrzezenie-tekst{font-size: 0.82rem;color: #4a586e;line-height: 1.5;margin: 0}
.blad-akcje{margin-top: 1.25rem}
.blad-przycisk-glowny{display: inline-flex;align-items: center;gap: 0.5rem;background: #182f4c;color: #ffffff;padding: 0.75rem 1.35rem;border-radius: 6px;border: 1px solid #c89b43;font-weight: 700;text-decoration: none}
.red-wpisy, .blad-najnowsze{margin-top: 2.5rem}
@media (max-width: 960px){.dz-hero-uklad, .dz-uklad, .wp-uklad, .wp-naglowek-projektowany .wp-naglowek-cialo{grid-template-columns: 1fr}
.bok-kolumna{position: static}
.dz-belka-info, .dz-tematy-siatka, .dz-inne-siatka, .dz-etapy-siatka, .wp-wazne-siatka{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 640px){.dz-belka-info, .dz-tematy-siatka, .dz-inne-siatka, .dz-etapy-siatka, .wp-wazne-siatka, .wp-nawigacja-2, .red-karty-siatka, .bok-metryczka:has(> :nth-child(3):last-child){grid-template-columns: 1fr}
}
.dz-uklad, .wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: 32px;align-items: start;padding-top: 28px;padding-bottom: 40px}
.dz-glowna, .dz-bok, .wp-kol-tresc, .wp-bok, .bok-kolumna{position: sticky;top: 24px;align-self: start}
.dz-lista-wierszy{display: flex;flex-direction: column;gap: 16px;align-items: stretch}
.wiersz-wpisu, .karta-wpisu{height: auto}
.dz-hero-uklad{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(300px, 460px);gap: 32px;align-items: center}
.dz-baner-ramka{position: relative;width: 100%;max-width: 460px;aspect-ratio: 3 / 2;border-radius: 8px;overflow: hidden;border: 2px solid #c89b43;background: #102036}
.dz-baner-obraz{width: 100%;height: 100%;object-fit: cover;display: block}
.dz-tematy-siatka, .dz-inne-siatka, .wp-z-dzialu-3, .dz-siatka-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;align-items: stretch}
.dz-tematy-siatka:has(> :nth-child(2):last-child), .dz-tematy-siatka:has(> :nth-child(4):last-child), .wp-z-dzialu-3:has(> :nth-child(2):last-child), .wp-z-dzialu-3:has(> :nth-child(4):last-child), .dz-siatka-6:has(> :nth-child(2):last-child), .dz-siatka-6:has(> :nth-child(4):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-z-dzialu-3:has(> :only-child){grid-template-columns: 1fr}
.bok-metryczka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.bok-metryczka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.bok-metryczka:has(> :only-child){grid-template-columns: 1fr}
.bok-metryczka-pole{background: #f7f3eb;border: 1px solid #d7cdbd;border-radius: 6px;padding: 10px 12px;display: flex;flex-direction: column;justify-content: space-between;gap: 4px}
.wp-nawigacja-2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px}
.wp-nawigacja-2:has(> :only-child){grid-template-columns: 1fr}
.wp-figura{margin: 0 0 24px 0;width: 100%;border-radius: 8px;overflow: hidden;border: 1px solid #d7cdbd}
.wp-obraz-glowny{display: block;width: 100%;height: auto;object-fit: cover}
.wp-sygnatura-akt{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-top: 20px;padding: 14px 18px;background: #f7f3eb;border: 1px solid #d7cdbd;border-left: 4px solid #c89b43;border-radius: 6px}
.wp-sygnatura-tekst{display: flex;flex-direction: column;gap: 2px;flex: 1;font-size: 0.92rem;color: #4a586e}
.wp-sygnatura-tekst strong{color: #142238;font-family: "Spectral", Georgia, serif;font-size: 1.02rem}
.wp-wstep-nagl{margin-top: 8px;margin-bottom: 16px}
.dz-pieczec-img, .bok-pieczec-img{width: 56px;height: auto;aspect-ratio: 109 / 109;flex-shrink: 0}
.dz-wstazka-img, .wp-wstazka-img{width: 68px;height: auto;aspect-ratio: 161 / 100;flex-shrink: 0}
.dz-ornament-img, .wp-ornament-img{width: 180px;max-width: 224px;height: auto;aspect-ratio: 224 / 32}
.dz-gmach-img{width: 150px;max-width: 457px;height: auto;aspect-ratio: 457 / 227;flex-shrink: 0}
.wp-sygnatura-img{width: 96px;max-width: 242px;height: auto;aspect-ratio: 457 / 227;object-fit: contain;flex-shrink: 0}
.dz-kwadrat-ikona{width: 44px;height: auto;aspect-ratio: 103 / 98;flex-shrink: 0}
.bok-klepsydra-img{width: 48px;max-width: 85px;height: auto;aspect-ratio: 85 / 153}
.bok-flaga-img{width: 54px;max-width: 166px;height: auto;aspect-ratio: 166 / 156;flex-shrink: 0}
.bok-mlotek-img{width: 64px;max-width: 270px;height: auto;aspect-ratio: 270 / 195;flex-shrink: 0}
@media (max-width: 960px){.dz-uklad, .wp-uklad, .dz-hero-uklad{grid-template-columns: 1fr}
.dz-glowna, .dz-bok, .wp-kol-tresc, .wp-bok, .bok-kolumna{position: static}
.dz-tematy-siatka, .dz-inne-siatka, .wp-z-dzialu-3, .dz-siatka-6{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 640px){.dz-tematy-siatka, .dz-inne-siatka, .wp-z-dzialu-3, .dz-siatka-6, .wp-nawigacja-2, .bok-metryczka:has(> :nth-child(3):last-child){grid-template-columns: 1fr}
.wp-sygnatura-akt{flex-direction: column;align-items: flex-start}
}
.karta-link-strzalka {flex-shrink: 0 !important;}
.karta-strzalka-kolo {width: 26px !important;min-width: 26px !important;max-width: 26px !important;height: 26px !important;min-height: 26px !important;max-height: 26px !important;aspect-ratio: 1 / 1 !important;flex: 0 0 26px !important;flex-shrink: 0 !important;border-radius: 50% !important;}
.krok-numer {width: 30px !important;min-width: 30px !important;height: 30px !important;min-height: 30px !important;flex: 0 0 30px !important;flex-shrink: 0 !important;}
.karta-otwarcia-kompozycja {display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;padding-top: 1rem !important;}
.karta-otwarcia-gmach,
.karta-otwarcia-kompozycja picture,
.karta-otwarcia-kompozycja img {width: 100% !important;max-width: 380px !important;height: auto !important;max-height: 188px !important;aspect-ratio: 457 / 227 !important;object-fit: contain !important;margin: 0 auto !important;}
.karta-otwarcia-stempel {width: 100% !important;margin-top: 1rem !important;}
.dz-baner-ramka > picture,
.dz-baner-ramka > picture > img,
.dz-baner-obraz,
.dz-baner-obraz img {width: 100% !important;max-width: 460px !important;height: 100% !important;aspect-ratio: 3 / 2 !important;object-fit: cover !important;}
.dz-hero-wizual .dz-hero-pieczec picture,
.dz-hero-wizual .dz-hero-pieczec img,
.dz-pieczec-img,
.dz-pieczec-img img,
.bok-pieczec-img,
.bok-pieczec-img img {width: 34px !important;min-width: 34px !important;max-width: 34px !important;height: 34px !important;min-height: 34px !important;max-height: 34px !important;aspect-ratio: 1 / 1 !important;object-fit: contain !important;border: 0 !important;border-radius: 0 !important;flex-shrink: 0 !important;}
.bok-naglowek {background: #182f4c !important;color: #ffffff !important;border-bottom: 2px solid #c89b43 !important;padding: 0.75rem 1.05rem !important;}
.bok-tytul,
.bok-naglowek .bok-tytul {background: transparent !important;color: #ffffff !important;padding: 0 !important;border: 0 !important;margin: 0 !important;font-size: 1.02rem !important;}
.dz-inne-4 {display: block !important;margin-top: 2.5rem !important;padding-top: 2rem !important;border-top: 1px solid #d7cdbd !important;}
.dz-poza-ukladem,
.wp-poza-ukladem {margin-top: 1.5rem;}
.fala-we-wpisie,
.fala-opakowanie {margin: 0.25rem auto !important;height: 10px !important;max-height: 10px !important;}
.fala-sekcji-img,
.fala-we-wpisie img {height: 10px !important;max-height: 10px !important;width: auto !important;margin: 0 auto !important;}
.wp-sekcja {margin-bottom: 1.15rem !important;}
.wp-sekcja:last-child {margin-bottom: 0 !important;}
.wp-tresc h2,
.wp-cialo h2,
.wp-sekcja-naglowek {margin: 0.6rem 0 0.65rem !important;padding-bottom: 0.4rem !important;}
.wp-html {font-size: 0.98rem !important;line-height: 1.62 !important;}
.wp-html p {margin: 0 0 0.7rem !important;}
.wp-html ul,
.wp-html ol {margin: 0 0 0.8rem 1.25rem !important;}
.wp-html li {margin-bottom: 0.25rem !important;}
.wp-tresc h3,
.wp-cialo h3 {margin: 1rem 0 0.45rem !important;font-size: 1.15rem !important;}
.wp-kol-tresc {background: transparent !important;border: 0 !important;padding: 0 !important;box-shadow: none !important;}
.wp-wazne {padding: 1.25rem !important;font-style: normal !important;margin: 1.25rem 0 0 !important;}
.wp-wazne-naglowek {justify-content: flex-start !important;gap: 0.65rem !important;}
.wp-sasiednie {display: block !important;}
@media (min-width: 961px) {.dz-uklad,
.wp-uklad {align-items: stretch !important;padding-top: 16px !important;padding-bottom: 20px !important;}
.dz-glowna,
.wp-kol-tresc {position: static !important;align-self: start !important;}
.dz-bok,
.wp-bok {position: relative !important;top: auto !important;align-self: stretch !important;display: flex !important;flex-direction: column !important;}
.bok-kolumna {position: sticky !important;top: 24px !important;display: flex !important;flex-direction: column !important;gap: 18px !important;}
.dz-lista-wierszy {gap: 10px !important;}
.wiersz-wpisu {padding: 0.75rem 1rem !important;margin-bottom: 0 !important;gap: 1rem !important;}
.wiersz-sygnatura {height: 76px !important;padding: 0.45rem !important;}
.wiersz-tytul {font-size: 1.05rem !important;margin-bottom: 0.2rem !important;}
.wiersz-lead {font-size: 0.85rem !important;line-height: 1.42 !important;}
.wp-spis-lista {display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 0.35rem 1rem !important;padding: 0.75rem 1.1rem !important;}
.wp-spis-lista li {border-bottom: 0 !important;}
.wp-naglowek-projektowany .wp-naglowek-cialo {grid-template-columns: minmax(0, 1fr) 340px !important;gap: 1.75rem !important;}
.dz-uklad:not(:has(.wiersz-wpisu:nth-child(3))) .dz-bok .bok-karta:nth-child(n+2) {display: none !important;}
.dz-uklad:not(:has(.wiersz-wpisu:nth-child(6))) .dz-bok .bok-karta:nth-child(n+3) {display: none !important;}
.dz-uklad:not(:has(.wiersz-wpisu:nth-child(12))) .dz-bok .bok-karta:nth-child(n+5) {display: none !important;}
}
@media (max-width: 640px) {.dz-przewodnik-naglowek,
.dz-naglowek,
.wp-wazne-naglowek {flex-direction: column !important;align-items: flex-start !important;gap: 0.65rem !important;}
.wp-naglowek-projektowany .wp-naglowek-cialo,
.wp-naglowek-cialo {grid-template-columns: 1fr !important;}
.wp-naglowek,
.wp-naglowek-projektowany,
.wp-artykul,
.dz-przewodnik-etapy,
.wp-wazne {padding: 1rem !important;}
.wp-tytul {font-size: 1.38rem !important;line-height: 1.24 !important;}
.dz-przewodnik-tytul,
.wp-wazne-tytul,
.wp-sekcja-naglowek,
.wp-tresc h2 {font-size: 1.16rem !important;line-height: 1.28 !important;}
}
.dz-hero-wizual .dz-hero-pieczec .dz-pieczec-mini,
.dz-pieczec-mini,
.dz-pieczec-mini img {width: 36px !important;min-width: 36px !important;max-width: 36px !important;height: 24px !important;min-height: 24px !important;max-height: 24px !important;aspect-ratio: 3 / 2 !important;object-fit: cover !important;border-radius: 4px !important;border: 1px solid #c89b43 !important;flex-shrink: 0 !important;}
.bok-cialo .bok-powiazane-lista,
.bok-cialo .bok-lista-wpisow {padding: 0 !important;}
.bok-wpis,
.bok-pozycja {display: flex !important;align-items: center !important;gap: 0.65rem !important;padding: 0.6rem 0.75rem !important;}
.bok-wpis-obraz,
.bok-wpis-znak {width: 32px !important;min-width: 32px !important;max-width: 32px !important;height: 32px !important;aspect-ratio: 1 / 1 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;flex-shrink: 0 !important;background: #ebe3d2 !important;border-radius: 6px !important;}
.bok-wpis-tytul {flex: 1 1 auto !important;min-width: 0 !important;}
.wp-spis-lista {display: flex !important;flex-direction: column !important;grid-template-columns: minmax(0, 1fr) !important;gap: 0.35rem !important;padding: 0.75rem 1.15rem !important;}
@media (min-width: 961px) {.wp-spis-lista {display: flex !important;flex-direction: column !important;grid-template-columns: minmax(0, 1fr) !important;gap: 0.35rem !important;padding: 0.75rem 1.15rem !important;}
}
@media (max-width: 640px) {.wp-z-dzialu-3,
.wp-z-dzialu-3:has(> :nth-child(2):last-child),
.wp-z-dzialu-3:has(> :nth-child(4):last-child),
.dz-tematy-siatka,
.dz-tematy-siatka:has(> :nth-child(2):last-child),
.dz-tematy-siatka:has(> :nth-child(4):last-child),
.dz-inne-siatka,
.dz-siatka-6,
.dz-siatka-6:has(> :nth-child(2):last-child),
.dz-siatka-6:has(> :nth-child(4):last-child),
.wp-wazne-siatka,
.dz-etapy-siatka,
.wp-nawigacja-2,
.siatka-sym,
.siatka-sym:has(> :nth-child(2):last-child),
.siatka-sym:has(> :nth-child(3):last-child),
.siatka-sym:has(> :nth-child(4):last-child),
.siatka-sym:has(> :nth-child(6):last-child) {grid-template-columns: minmax(0, 1fr) !important;}
}

/* 12.11: data tylko w linii metadanych; na telefonie bez pustej sygnatury */
@media (max-width: 640px) { .wiersz-sygnatura { display: none; } }
.firmy-biurowiec-img, .firmy-laptop-img{object-fit: contain;max-height: 160px;background: var(--tlo)}
@media (max-width: 900px){.firmy-baner-grafiki{display: none}}
@media (max-width: 640px){.panel-relacji-naglowek{flex-direction: column;align-items: flex-start;gap: 0.6rem}.relacja-wpis-nr{display: none}.relacja-wpis{grid-template-columns: minmax(0, 1fr) auto}}