@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9vKsW3PafadWQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/spectral/rnCs-xNNww_2s0amA9vKsW3BafY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
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))}
/* Mosty Zamiast Murów: akwarela, mur ze zdań czytelników i most do pomocy. Tokeny :root dopisuje silnik z motyw.json. */
:root{--tlo:#f8f7fc;--pow:#ffffff;--tekst:#24284a;--t2:#545a78;--akcent:#1b7677;--akcent-tekst:#ffffff;--akcent-jasny:#e2f1f0;--akcent-cien:#125556;--linia:#e4e1ef;--stopka:#2a2b4d;--stopka-tekst:#eeecf7;--dodatek:#7a52a3;--f-n:"Spectral",Georgia,"Times New Roman",serif;--f-t:"Figtree","Segoe UI",Arial,sans-serif;--r:18px;--fiolet:#7a52a3;--kd:var(--akcent)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--tlo);color:var(--tekst);font:400 1.0625rem/1.65 var(--f-t);overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--f-n);font-weight:500;line-height:1.15;margin:0;letter-spacing:-.005em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--akcent);outline-offset:3px;border-radius:6px}
.w{max-width:1240px;margin:0 auto;padding:0 28px}
.pomin{position:absolute;left:-9999px;top:8px;z-index:9;background:var(--tekst);color:#fff;padding:10px 16px;border-radius:10px}
.pomin:focus{left:12px}
.kicker{font:700 .78rem/1.3 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--kd)}
.kicker a{text-decoration:none}
.meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.86rem;color:var(--t2)}
.meta a{color:var(--t2)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--akcent);color:var(--akcent-tekst);font-weight:700;font-size:.97rem;text-decoration:none;box-shadow:0 6px 18px -8px var(--akcent)}
.btn:hover{background:var(--akcent-cien)}
.btn::after{content:"→"}
.btn-j{background:#fff;color:var(--akcent-cien);box-shadow:inset 0 0 0 2px var(--akcent)}
.btn-j:hover{background:var(--akcent-jasny)}
.chip{display:inline-block;padding:5px 13px;border-radius:999px;background:color-mix(in srgb,var(--kd) 13%,#fff);color:color-mix(in srgb,var(--kd) 80%,#000);font:700 .8rem/1.3 var(--f-t);text-decoration:none}
.chip-s{background:#f1ecf7;color:#5b3d7d}

/* nagłówek */
.nag{background:rgba(255,255,255,.94);border-bottom:1px solid var(--linia)}
.nag-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.logo svg{width:52px;height:46px}
.logo-t{display:flex;flex-direction:column;font-family:var(--f-n);font-weight:500;line-height:1.02;color:var(--tekst)}
.logo-t b{font-weight:500;font-size:1.32rem}
.logo-t span{font-size:1.06rem}
.menu ul{display:flex;gap:4px}
.menu a{display:block;padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.92rem;color:var(--tekst)}
.menu a:hover{background:color-mix(in srgb,var(--kd) 10%,#fff);color:color-mix(in srgb,var(--kd) 85%,#000)}
.menu a[aria-current]{background:color-mix(in srgb,var(--kd) 14%,#fff);color:color-mix(in srgb,var(--kd) 80%,#000)}

/* nagłówki sekcji */
section{position:relative}
.gl>section,.dz>section,.pokrewne{padding:64px 0 0}
.sek-n{display:flex;align-items:flex-end;gap:18px;margin:0 0 28px}
.sek-n>div{flex:1}
.sek-n h2{font-size:clamp(1.75rem,2.6vw,2.3rem)}
.sek-l{margin-top:8px;max-width:720px;color:var(--t2)}
.sek-orn{flex:none;width:auto;height:64px}
.sek-orn-s{height:52px}
.sek-orn-m{height:70px}
.sek-orn-w{height:72px}
.wiecej{flex:none;font-weight:700;color:var(--akcent-cien);text-decoration:none}
.wiecej::after{content:" →"}

/* hero */
.hero{min-height:520px;display:flex;align-items:center;overflow:hidden;background:#e9eef4}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(250,249,253,.95) 0%,rgba(250,249,253,.86) 32%,rgba(250,249,253,.25) 56%,rgba(250,249,253,0) 70%)}
.hero-in{position:relative;z-index:2;width:100%}
.hero-t{max-width:520px;padding:56px 0}
.hero h1{font-size:clamp(2.5rem,4.6vw,3.9rem);line-height:1.04;color:#20244a}
.hero h1 em{font-style:normal;display:inline-block;position:relative;padding-right:84px}
.hero-serce{position:absolute;right:0;top:-10px;width:78px;height:auto}
.hero-l{margin-top:18px;font-size:1.12rem;color:#2c3152;max-width:470px}
.hero-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* mur ze zdań */
.mur-uk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mur-k{display:flex;flex-direction:column;padding:22px 20px 20px;border-radius:var(--r);background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--kd) 13%,#fff) 0%,#fff 62%);box-shadow:0 0 0 1px var(--linia),0 14px 30px -24px var(--kd)}
.mur-g{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mur-ik{flex:none;width:58px;height:auto}
.mur-g span{display:flex;flex-direction:column;font-size:.86rem;line-height:1.35;color:var(--t2)}
.mur-g b{font:500 1.28rem/1.15 var(--f-n);color:var(--tekst);margin-bottom:3px}
.cegly{display:flex;flex-wrap:wrap;gap:7px;flex:1;align-content:flex-start}
.cegly li{flex:1 1 auto;min-width:46%}
.cegly a{display:block;height:100%;padding:10px 12px;border-radius:6px 12px 6px 12px;background:color-mix(in srgb,var(--kd) 9%,#fbfaf7);border-bottom:3px solid color-mix(in srgb,var(--kd) 32%,#fff);font:500 .98rem/1.3 var(--f-n);color:var(--tekst);text-decoration:none}
.cegly li:nth-child(4n+2) a,.cegly li:nth-child(4n+3) a{background:color-mix(in srgb,var(--kd) 15%,#fbfaf7)}
.cegly a::before{content:"„";color:var(--kd)}
.cegly a::after{content:"”";color:var(--kd)}
.cegly a:hover{background:var(--kd);color:#fff;border-color:var(--kd)}
.cegly a:hover::before,.cegly a:hover::after{color:#fff}
.mur-d{margin-top:16px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--kd) 35%,#fff)}
.mur-d a{font-weight:700;font-size:.92rem;color:color-mix(in srgb,var(--kd) 85%,#000);text-decoration:none}
.mur-d a::before{content:"Cały dział: ";font-weight:400;color:var(--t2)}
.mur-d a::after{content:" →"}

/* kafle działów */
.kafle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.kafel a{display:flex;flex-direction:column;height:100%;border-radius:var(--r);overflow:hidden;background:#fff;text-decoration:none;box-shadow:0 0 0 1px var(--linia);transition:transform .2s}
.kafel a:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--kd)}
.kafel-f{display:block;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--kd) 18%,#fff)}
.kafel-img{width:100%;height:100%;object-fit:cover;display:block}
.kafel-t{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--kd) 8%,#fff),#fff 70%);flex:1}
.kafel-t b{font:500 1.2rem/1.15 var(--f-n);color:color-mix(in srgb,var(--kd) 78%,#000)}
.kafel-t b::after{content:"\00a0\2192"}
.kafel-t small{font-size:.84rem;line-height:1.4;color:var(--t2)}

/* karty wpisów */
.karty-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.karta{display:flex;flex-direction:column;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--linia);overflow:hidden}
.karta-g{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:118px;background:radial-gradient(60% 90% at 30% 40%,color-mix(in srgb,var(--kd) 22%,#fff) 0%,transparent 70%),radial-gradient(50% 80% at 80% 70%,#efe6f6 0%,transparent 70%),#fbfaf8}
.karta-g .akw{width:auto;height:84px;position:relative;z-index:1}
.karta-luk{position:absolute;left:12%;right:12%;bottom:-62px;height:120px;border-radius:50%;border:3px solid color-mix(in srgb,var(--kd) 45%,#fff);border-bottom:0}
.karta-t{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.karta h3{font-size:1.22rem;line-height:1.25}
.karta h3 a{text-decoration:none}
.karta h3 a:hover{color:var(--akcent-cien);text-decoration:underline}
.karta-l{font-size:.93rem;color:var(--t2)}
.karta .meta{margin-top:auto;padding-top:6px}

/* rozmowy */
.dymki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px;counter-reset:d}
.dymek{display:flex;flex-direction:column;gap:10px}
.dymek-z{position:relative;padding:18px 18px 20px;border-radius:20px 20px 20px 6px;background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--akcent) 30%,#fff);font:500 1.1rem/1.3 var(--f-n);min-height:118px}
.dymek:nth-child(even) .dymek-z{border-radius:20px 20px 6px 20px;box-shadow:0 0 0 2px color-mix(in srgb,var(--fiolet) 32%,#fff);background:#fcfaff}
.dymek-z::after{content:"";position:absolute;left:22px;bottom:-11px;width:20px;height:20px;background:inherit;transform:rotate(45deg);box-shadow:2px 2px 0 0 color-mix(in srgb,var(--akcent) 30%,#fff)}
.dymek:nth-child(even) .dymek-z::after{left:auto;right:22px;box-shadow:2px 2px 0 0 color-mix(in srgb,var(--fiolet) 32%,#fff)}
.dymek-z a{text-decoration:none}
.dymek-z a::before{content:"„"}
.dymek-z a::after{content:"?”"}
.dymek-z a:hover{color:var(--akcent-cien);text-decoration:underline}
.dymek-l{margin-top:8px;font-size:.92rem;color:var(--t2)}
.dymek-d{font:700 .76rem/1.3 var(--f-t);letter-spacing:.07em;text-transform:uppercase;color:var(--akcent-cien)}

/* most do pomocy */
.most{padding-bottom:8px}
.przesla-r{height:84px;margin-bottom:-6px}
.przesla-r svg{width:100%;height:84px;display:block}
.przesla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.przeslo{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;border-radius:0 0 var(--r) var(--r);background:linear-gradient(180deg,color-mix(in srgb,var(--kd) 12%,#fff),#fff 60%);box-shadow:0 0 0 1px var(--linia);border-top:5px solid var(--kd)}
.pr-nr{font:700 .76rem/1.3 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--kd) 85%,#000)}
.przeslo h3{font-size:1.32rem}
.pr-o{font-size:.94rem;color:var(--t2)}
.przeslo ul:last-child{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.przeslo ul:last-child a{display:block;padding:9px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--kd) 30%,#fff);font-size:.92rem;font-weight:700;line-height:1.35;text-decoration:none;color:color-mix(in srgb,var(--kd) 70%,#000)}
.przeslo ul:last-child a::after{content:" →"}
.przeslo ul:last-child a:hover{background:color-mix(in srgb,var(--kd) 10%,#fff)}
.tel{display:flex;flex-direction:column;gap:8px}
.tel li{display:flex;flex-direction:column;padding:8px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--linia)}
.tel a{display:flex;flex-direction:column;text-decoration:none}
.tylko-czytnik{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.tel b{font:700 1.18rem/1.2 var(--f-t);letter-spacing:.02em;color:color-mix(in srgb,var(--kd) 80%,#000)}
.tel span{font-size:.84rem;line-height:1.35;color:var(--t2)}
.tel-m{gap:6px}

/* pytania i o serwisie */
.pyt{padding-bottom:12px}
.pyt-uk{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;align-items:start}
.faq-l{display:flex;flex-direction:column;gap:10px}
.faq-p{border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--linia)}
.faq-p summary{position:relative;list-style:none;cursor:pointer;padding:15px 52px 15px 54px;font-weight:700;line-height:1.4}
.faq-p summary::-webkit-details-marker{display:none}
.faq-p summary::before{content:"?";position:absolute;left:16px;top:13px;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--kd) 85%,#000);color:#fff;font:700 .95rem/26px var(--f-t);text-align:center}
.faq-p summary::after{content:"+";position:absolute;right:20px;top:12px;font-size:1.4rem;color:var(--t2)}
.faq-p[open] summary::after{content:"−"}
.faq-o{padding:0 22px 18px 54px;color:var(--t2);font-size:.97rem}
.faq-z{margin-top:10px}
.faq-z a{font-weight:700;color:var(--akcent-cien)}
.o-serwisie{position:sticky;top:20px;padding:26px 26px 28px;border-radius:var(--r);background:radial-gradient(90% 60% at 100% 0%,#efe4f7 0%,transparent 70%),radial-gradient(80% 60% at 0% 100%,var(--akcent-jasny) 0%,transparent 70%),#fff;box-shadow:0 0 0 1px var(--linia)}
.o-ser-img{width:150px;height:auto;display:block;margin:-4px 0 6px}
.o-serwisie h2{font-size:1.7rem;margin-bottom:10px}
.o-serwisie p{margin-top:10px;font-size:.96rem;color:var(--t2)}
.o-serwisie p:last-child{margin-top:18px}

/* dział */
.dz-h{padding:34px 0 46px;background:radial-gradient(60% 90% at 85% 20%,color-mix(in srgb,var(--kd) 16%,transparent) 0%,transparent 70%),radial-gradient(50% 80% at 10% 100%,#f0e8f7 0%,transparent 70%),linear-gradient(180deg,#fff,var(--tlo))}
.dz-h-in{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:48px;align-items:center}
.okruchy ol{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.84rem;color:var(--t2);margin-bottom:16px}
.okruchy li+li::before{content:"›";margin-right:8px}
.okruchy a{color:var(--t2)}
.dz-h h1{font-size:clamp(2.2rem,4vw,3.3rem);color:color-mix(in srgb,var(--kd) 55%,var(--tekst))}
.dz-pod{margin-top:14px;font:500 1.2rem/1.45 var(--f-n);color:var(--tekst);max-width:640px}
.dz-opis{margin-top:12px;color:var(--t2);max-width:640px}
.dz-opis a{color:var(--akcent-cien);font-weight:700}
.dz-skok{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.dz-skok a{display:block;padding:7px 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--kd) 35%,#fff);font-size:.88rem;font-weight:700;color:color-mix(in srgb,var(--kd) 78%,#000);text-decoration:none}
.dz-skok a:hover{background:color-mix(in srgb,var(--kd) 12%,#fff)}
.dz-h-f{position:relative}
.dz-foto{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:46% 54% 42% 58%/58% 44% 56% 42%;box-shadow:0 22px 50px -30px var(--kd)}
.dz-h-akw .akw,.dz-h-akw img{position:absolute;left:-34px;bottom:-26px;width:auto;height:110px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.08))}
.dz-h-f-akw{display:flex;justify-content:center}
.red-most{width:auto;height:auto;max-width:100%}
.red-most-m{max-width:min(100%,282px)}
.dz-uk{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;padding-top:44px}
.dz-lista-n{font-size:1.7rem;margin-bottom:12px}
.wiersze{display:flex;flex-direction:column}
.wiersz{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--linia)}
.wiersz-d time{display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50% 46% 52% 44%;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--kd) 20%,#fff),color-mix(in srgb,var(--kd) 8%,#fff) 70%);color:color-mix(in srgb,var(--kd) 80%,#000);text-align:center}
.wiersz-d span{font:500 1.08rem/1.1 var(--f-n)}
.wiersz-d small{font-size:.78rem;color:var(--t2)}
.wiersz-t{display:flex;flex-direction:column;gap:6px}
.wiersz h3{font-size:1.32rem;line-height:1.25}
.wiersz h3 a{text-decoration:none}
.wiersz h3 a:hover{color:var(--akcent-cien);text-decoration:underline}
.wiersz-t>p:not(.meta){color:var(--t2);font-size:.97rem}
.stronice{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 0}
.stronice a,.stronice span{min-width:44px;padding:10px 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--linia);text-align:center;text-decoration:none;font-weight:700}
.stronice .str-b{background:var(--kd);color:#fff;box-shadow:none}
.stronice .str-p{box-shadow:none;background:none}
.stronice a:hover{box-shadow:0 0 0 2px var(--kd)}
.dz-bok,.wp-bok{position:relative}
.bok-in{position:sticky;top:20px;display:flex;flex-direction:column;gap:18px}
.bok-k{padding:20px 20px 18px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--linia)}
.bok-k h2{font-size:1.3rem;margin-bottom:12px}
.bok-tematy{display:flex;flex-direction:column;gap:4px}
.bok-tematy a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;text-decoration:none;font-weight:700;font-size:.93rem;line-height:1.3}
.bok-tematy a:hover{background:color-mix(in srgb,var(--kd) 10%,#fff)}
.bok-ik{flex:none;width:38px;height:auto}
.bok-dzialy{display:flex;flex-direction:column;gap:6px}
.bok-dzialy a{display:block;padding:8px 12px;border-radius:10px;border-left:4px solid var(--kd);background:color-mix(in srgb,var(--kd) 7%,#fff);text-decoration:none;font-weight:700;font-size:.94rem}
.pomoc-k{padding:20px 20px 18px;border-radius:var(--r);background:radial-gradient(90% 60% at 100% 0%,#f3e9f8 0%,transparent 70%),#fff;box-shadow:0 0 0 1px var(--linia);--kd:#94497f}
.pomoc-t{display:flex;align-items:center;gap:10px;font:500 1.3rem/1.2 var(--f-n)}
.pomoc-ik{flex:none;width:36px;height:auto}
.pomoc-o{margin:8px 0 12px;font-size:.88rem;color:var(--t2)}
.pomoc-k .tel li{padding:6px 10px}
.pomoc-k .tel a{text-decoration:none}
.tylko-czytnik{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.tel b{font-size:1.05rem}
.pomoc-k .tel span{font-size:.8rem}
.dz-tem .tem-l{display:flex;flex-direction:column;gap:14px}
.tem{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;padding:22px 24px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--linia);scroll-margin-top:20px}
.tem-g{display:flex;gap:14px;align-items:flex-start}
.tem-g>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.tem-ik{flex:0 0 56px;width:56px;height:auto}
.tem-g h3{font-size:1.3rem}
.tem-g p{font-size:.9rem;color:var(--t2)}
.tem-w{columns:2;column-gap:22px;align-self:start}
.tem-w li{break-inside:avoid;margin-bottom:8px}
.tem-w a{display:block;padding:7px 0 7px 18px;position:relative;font-size:.95rem;line-height:1.4;text-decoration:none;border-bottom:1px dashed var(--linia)}
.tem-w a::before{content:"";position:absolute;left:0;top:15px;width:8px;height:8px;border-radius:50%;background:var(--kd)}
.tem-w a:hover{color:var(--akcent-cien);text-decoration:underline}
.inne{padding:60px 0 0}
.inne-l{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.inne-l a{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding:18px 12px 16px;border-radius:var(--r);background:radial-gradient(80% 70% at 50% 30%,color-mix(in srgb,var(--kd) 14%,#fff) 0%,#fff 72%);box-shadow:0 0 0 1px var(--linia);text-align:center;text-decoration:none}
.inne-l a:hover{box-shadow:0 0 0 2px var(--kd)}
.inne-ik{width:auto;height:70px}
.inne-l b{font:500 1.12rem/1.2 var(--f-n);color:color-mix(in srgb,var(--kd) 80%,#000)}
.red-l{padding-top:44px}

/* wpis */
.wp-h{padding:30px 0 40px;background:radial-gradient(55% 90% at 88% 30%,color-mix(in srgb,var(--kd) 14%,transparent) 0%,transparent 70%),radial-gradient(40% 70% at 0% 100%,#f1e9f8 0%,transparent 70%),linear-gradient(180deg,#fff,var(--tlo))}
.wp-h-in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:44px;align-items:center}
.wp-h-z .wp-h-in{grid-template-columns:minmax(0,1fr)}
.dz-h-1{grid-template-columns:minmax(0,1fr)!important}
.wp-chipy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.wp-h h1{font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.12;max-width:860px}
.wp-meta{margin-top:16px;font-size:.92rem}
.wp-meta>*+*::before{content:"·";display:inline-block;margin-right:16px;color:var(--t2);text-decoration:none}
.wp-h-g{position:relative;display:flex;align-items:center;justify-content:center;height:230px}
.wp-h-plama{position:absolute;inset:6% 8% 12%;border-radius:48% 52% 44% 56%/56% 42% 58% 44%;background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--kd) 26%,#fff) 0%,color-mix(in srgb,var(--kd) 10%,#fff) 55%,#f3ecf8 100%)}
.wp-h-g .akw{position:relative;z-index:1;width:auto;height:150px}
.wp-h-g svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:64px}
.wp-uk{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:52px;padding-top:36px}
.wp-uk-1{grid-template-columns:minmax(0,820px)}
.wp-art{min-width:0}
.wp-foto{margin:0 0 26px}
.wp-foto img{display:block;width:100%;height:auto;border-radius:var(--r)}
.wp-foto figcaption{margin-top:8px;font-size:.82rem;color:var(--t2)}
.wp-lead{font:500 1.22rem/1.55 var(--f-n);color:var(--tekst);margin-bottom:26px}
.skrot{position:relative;margin:0 0 34px;padding:22px 26px 22px;border-radius:6px 18px 18px 18px;background:linear-gradient(180deg,#fffdf6,#fbf6e8);box-shadow:0 0 0 1px #ece3cc,0 14px 28px -24px #8a7a4a}
.skrot-orn{position:absolute;right:18px;top:-8px;width:62px;height:auto}
.skrot-t{font:500 1.22rem/1.3 var(--f-n);margin-bottom:10px;padding-right:70px}
.skrot ol{counter-reset:s;display:flex;flex-direction:column;gap:6px}
.skrot li{counter-increment:s;display:grid;grid-template-columns:30px minmax(0,1fr);font-size:.97rem;line-height:1.4}
.skrot li::before{content:counter(s) ".";font-weight:700;color:var(--akcent-cien)}
.skrot a{text-decoration:none}
.skrot a:hover{text-decoration:underline;color:var(--akcent-cien)}
.tresc{font-size:1.08rem;line-height:1.75}
.tresc .sek{margin:0 0 30px}
.tresc h2{display:flex;align-items:baseline;gap:14px;margin:44px 0 16px;font-size:clamp(1.5rem,2.3vw,1.95rem);line-height:1.22}
.tresc .sek:first-child h2{margin-top:0}
.tresc h2 .nr{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50% 44% 52% 46%;background:color-mix(in srgb,var(--kd) 16%,#fff);color:color-mix(in srgb,var(--kd) 80%,#000);font:700 .95rem/1 var(--f-t);transform:translateY(-4px)}
.tresc h3{margin:30px 0 10px;font-size:1.3rem;line-height:1.3}
.tresc p{margin:0 0 16px}
.tresc ul,.tresc ol{margin:0 0 18px;padding-left:4px}
.tresc ul>li{position:relative;padding-left:24px;margin:0 0 8px}
.tresc ul>li::before{content:"";position:absolute;left:4px;top:.68em;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--kd) 70%,#fff)}
.tresc ol{counter-reset:o}
.tresc ol>li{counter-increment:o;position:relative;padding-left:32px;margin:0 0 8px}
.tresc ol>li::before{content:counter(o) ".";position:absolute;left:4px;font-weight:700;color:var(--akcent-cien)}
.tresc a{color:var(--akcent-cien);text-underline-offset:3px}
.tresc strong,.tresc b{font-weight:700}
.tresc blockquote{position:relative;margin:28px 0;padding:22px 26px 22px 70px;border-radius:22px 22px 22px 6px;background:linear-gradient(135deg,#f6eff9,#eef6f6);font:500 1.15rem/1.55 var(--f-n);color:var(--tekst)}
.tresc blockquote::before{content:"“";position:absolute;left:20px;top:6px;font:700 3.6rem/1 var(--f-n);color:var(--fiolet)}
.tresc blockquote p:last-child{margin:0}
.tresc table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:.95rem;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--linia)}
.tresc th,.tresc td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linia)}
.tresc th{background:color-mix(in srgb,var(--kd) 10%,#fff);font-weight:700}
.tresc .ramka-rada{padding:14px 18px;border-radius:14px;background:var(--akcent-jasny);border-left:4px solid var(--akcent)}
.tresc details{margin:10px 0;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--linia)}
.tresc details summary{cursor:pointer;padding:14px 18px;font-weight:700;line-height:1.45;list-style:none;position:relative;padding-right:46px}
.tresc details summary::-webkit-details-marker{display:none}
.tresc details summary::after{content:"+";position:absolute;right:18px;top:11px;font-size:1.35rem;color:var(--t2)}
.tresc details[open] summary::after{content:"−"}
.tresc details>*:not(summary){margin-left:18px;margin-right:18px}
.tresc details[open]{padding-bottom:6px}
.tresc img{max-width:100%;height:auto;border-radius:12px}
.tresc .tylko-czytnik{position:absolute;left:-9999px}
.wp-akt{margin-top:18px;font-size:.88rem;color:var(--t2)}
.wp-podpis{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--linia);font-size:.92rem;color:var(--t2)}
.wp-podpis svg{width:40px;height:36px;flex:none}
.wp-podpis b{color:var(--tekst)}
.wp-podpis a{color:var(--akcent-cien)}
.bok-w{display:flex;flex-direction:column}
.bok-w li+li{border-top:1px solid var(--linia)}
.bok-w a{display:block;padding:9px 0;font:500 1rem/1.35 var(--f-n);text-decoration:none}
.bok-w a:hover{color:var(--akcent-cien);text-decoration:underline}
.bok-d{margin-top:8px}
.bok-d a{font-size:.9rem;font-weight:700;color:var(--akcent-cien);text-decoration:none}
.bok-d a::after{content:" →"}
.sasiedzi{display:flex;gap:20px;margin-top:44px}
.sasiedzi .sas{flex:1 1 0;min-width:0}
.sas{display:flex;flex-direction:column;gap:4px;padding:18px 22px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--linia);text-decoration:none}
.sas:hover{box-shadow:0 0 0 2px var(--akcent)}
.sas small{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--akcent-cien)}
.sas b{font:500 1.08rem/1.35 var(--f-n)}
.sas-n{text-align:right}

/* stopka */
.gory{margin-top:72px;line-height:0;background:linear-gradient(180deg,transparent 55%,var(--stopka) 55%)}
.gory-img{display:block;width:100%;height:auto;max-height:140px;object-fit:cover;object-position:50% 100%}
.stopka{background:var(--stopka);color:var(--stopka-tekst);padding:38px 0 26px;font-size:.95rem}
.stopka-in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:40px}
.stopka .logo-t{color:#fff}
.st-o p{margin-top:14px;max-width:460px;color:#d9d6ea}
.st-o .st-uwaga{font-size:.86rem;color:#c9c5e0}
.stopka h2{font:700 .82rem/1.3 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.st-k ul{display:flex;flex-direction:column;gap:7px}
.stopka a{color:#e7e4f4;text-decoration:none}
.stopka a:hover{text-decoration:underline}
.st-dol{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.84rem;color:#c9c5e0}

/* szerokości */
@media (max-width:1180px){
  .nag-in{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 28px 6px}
  .menu{width:100%;overflow-x:auto}
  .menu ul{width:max-content}
  .mur-uk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kafle{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dymki{grid-template-columns:repeat(2,minmax(0,1fr))}
  .przesla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .przesla-r{display:none}
  .przeslo{border-radius:var(--r)}
  .pyt-uk{grid-template-columns:minmax(0,1fr) 320px}
  .dz-h-in{grid-template-columns:minmax(0,1fr) 360px}
  .dz-uk,.wp-uk{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
  .wp-uk-1{grid-template-columns:minmax(0,1fr)}
  .inne-l{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tem{grid-template-columns:minmax(0,1fr)}
  .wp-h-in{grid-template-columns:minmax(0,1fr) 300px}
}
@media (max-width:860px){
  .karty-3{grid-template-columns:minmax(0,1fr)}
  .pyt-uk,.dz-h-in,.dz-uk,.wp-uk,.wp-h-in{grid-template-columns:minmax(0,1fr)}
  .o-serwisie,.bok-in{position:static}
  .dz-h-f{max-width:520px;margin:0 0 30px 26px}
  .dz-h-akw .akw,.dz-h-akw img{left:-26px;bottom:-24px;height:86px}
  .wp-h-g{height:170px}
  .wp-h-g .akw{height:110px}
  .stopka-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-o{grid-column:1/-1}
}
@media (max-width:760px){
  .gory{margin-top:48px}
  .gory-img{height:76px;max-height:none;object-fit:cover;object-position:50% 100%}
  .w{padding:0 18px}
  .nag-in{padding:10px 18px 4px}
  .hero{min-height:0;flex-direction:column;align-items:stretch;background:var(--tlo)}
  .hero-img{position:relative;inset:auto;height:250px}
  .hero::before{display:none}
  .hero-t{padding:26px 0 0;max-width:none}
  .hero h1 em{padding-right:62px}
  .hero-serce{width:56px;top:-4px}
  .gl>section,.dz>section,.pokrewne{padding-top:48px}
  .sek-n{align-items:center}
  .sek-orn{height:46px}
  .sek-orn-m{height:50px}
  .mur-uk,.przesla,.dymki{grid-template-columns:minmax(0,1fr)}
  .kafle{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .kafel-t{padding:12px}
  .dymek-z{min-height:0}
  .inne-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tem{padding:18px}
  .tem-w{columns:1}
  .wiersz{grid-template-columns:64px minmax(0,1fr);gap:14px}
  .wiersz-d time{width:62px;height:62px}
  .wiersz-d span{font-size:.92rem}
  .sasiedzi{flex-direction:column}
  .tresc{font-size:1.04rem}
  .tresc blockquote{padding:18px 18px 18px 56px}
  .stopka-in{grid-template-columns:minmax(0,1fr)}
  .wiecej{display:none}
  .tresc [id^="chart_"] svg[viewBox]{width:640px!important;max-width:none!important}
}
/* formularz Kontakt i redakcja (silnik): pola jako kolumna, pułapka na boty poza przepływem listy */
.kf-pole{display:flex!important;flex-direction:column;gap:6px}
.kf .kf-pulapka{position:static!important;left:auto!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-16px 0 0}
.tresc span[data-ramka],.tresc a[data-ramka],.tresc b[data-ramka],.tresc strong[data-ramka],.tresc em[data-ramka]{background:none!important;border-radius:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.tresc li[data-ramka],.tresc p[data-ramka]{background:none!important;border-radius:0!important;border:0!important;box-shadow:none!important}