/* Nowy wygląd strony (20.10.2026): elementy dodane do style.css. Kolory statusów: 2px przerwy, opis słowny zawsze obok. */
:root{
  --font-display:var(--f-display);--font-text:var(--f-text);--font-serif:var(--f-serif);--font-mono:var(--f-mono);
  --highlight-dark:#b5484a;--shadow-lift:0 18px 40px rgba(0,0,0,.25);--shadow-selected:inset 0 0 0 1px var(--navy);
  --st-ok:#2f6b4f;--st-late:#d9a13b;--st-ref:#1d2939;--st-sil:#b5484a;--st-wait:#c9ced6;
  --stn-ok:#3f8f6a;--stn-late:#e0b05c;--stn-ref:#e9edf2;--stn-sil:#d46e6f;--stn-wait:#3a4c66;
  --doc-paper:#ffffff;--doc-ink:#0a1a2f;--doc-meta:#3b4859;--doc-line:#e3e6ea;--scrim:rgba(10,26,47,.82);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --st-ok:#3f8f6a;--st-late:#e0b05c;--st-ref:#e9edf2;--st-sil:#d46e6f;--st-wait:#3a4c66;--shadow-selected:inset 0 0 0 1px #aeb8c5}}
:root[data-theme="dark"]{--st-ok:#3f8f6a;--st-late:#e0b05c;--st-ref:#e9edf2;--st-sil:#d46e6f;--st-wait:#3a4c66;--shadow-selected:inset 0 0 0 1px #aeb8c5}
[hidden]{display:none!important}
.tile:has(> b){flex-direction:column}

/* nowe elementy strony */

/* nagłówek z zatwierdzonym logo */
.top .wrap{min-height:120px}
.brand{display:block;line-height:0;flex:none}
.brand img{display:block;width:184px;height:auto}
.top .nav{align-items:center}

/* pas czasowników – charakter strony */
.verbs{background:var(--spine-red);color:#fff;font:500 .8rem/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase}
.verbs .wrap{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;padding-block:11px}
.verbs span{white-space:nowrap}

/* hero: hasło + zgłoszenie */
.hero2{background:var(--navy);color:#fff;padding-block:64px 72px}
.hero2 .grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:start}
.hero2 h1{font:800 clamp(2.4rem,5.6vw,4.4rem)/1.04 var(--font-display);margin:16px 0 0;text-wrap:balance}
.mark{background:linear-gradient(transparent 52%,var(--highlight-dark) 52%,var(--highlight-dark) 92%,transparent 92%);padding:0 .08em}
.hero2 .lead{color:var(--on-navy-dim);font-size:1.15rem;max-width:34em;margin:22px 0 0}
.hero2 .lead b{color:#fff}

.zg{background:var(--paper);color:var(--ink);border-top:6px solid var(--spine-red);padding:24px 26px 22px;box-shadow:var(--shadow-lift)}
.zg h2{font:800 1.55rem/1.15 var(--font-display);margin:10px 0 6px}
.zg p{margin:0;color:var(--slate);font-size:.95rem}
.zg-opts{display:grid;gap:10px;margin:18px 0 16px}
.zg-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;text-decoration:none;border:1px solid var(--line);border-left:6px solid var(--navy);padding:14px 16px;color:var(--ink);background:var(--paper)}
.zg-opt:hover{border-color:var(--slate)}
.zg-opt b{font:800 1.05rem var(--font-display)}
.zg-opt small{grid-column:1;color:var(--slate);font-size:.86rem}
.zg-opt .go{grid-row:1/3;grid-column:2;font:500 .8rem var(--font-mono);color:var(--red);letter-spacing:.06em}
.zg-foot{display:flex;flex-wrap:wrap;gap:8px 16px;font:500 .74rem var(--font-mono);letter-spacing:.06em;color:var(--slate);text-transform:uppercase}
.zg-foot span::before{content:"■ ";color:var(--spine-red)}

/* przypięte i najnowsze */
.pinned{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:var(--paper);border:1px solid var(--line);border-left:10px solid var(--spine-red);text-decoration:none;color:var(--ink)}
.pinned .in{padding:28px 30px;display:grid;gap:12px;align-content:start}
.pinned h3{font:800 clamp(1.5rem,2.6vw,2rem)/1.12 var(--font-display)}
.pinned p{margin:0;color:var(--slate)}
.pinned .side{background:var(--navy);color:#fff;padding:26px 28px;display:grid;gap:14px;align-content:center}
.pin{font:500 .72rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red);display:inline-flex;gap:8px;align-items:center}
.pin::before{content:"";width:10px;height:10px;background:var(--spine-red)}
.metaline{font:400 .78rem var(--font-mono);letter-spacing:.04em;color:var(--slate)}
.news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.newscard{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--navy);padding:18px 20px 20px;text-decoration:none;color:var(--ink);display:grid;gap:10px;align-content:start}
.newscard h3{font:700 1.1rem/1.2 var(--font-display)}
.newscard p{margin:0;color:var(--slate);font-size:.92rem}
.newscard:hover h3{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}

/* statystyki kampanii */
.camp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.campcard{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--navy);padding:22px 24px;display:grid;gap:14px;text-decoration:none;color:var(--ink);align-content:start}
.campcard h3{font:800 1.3rem/1.15 var(--font-display)}
.campcard p{margin:0;color:var(--slate);font-size:.92rem}
/* paski statusów odpowiedzi: 2px przerwy w kolorze tła, opis słowny zawsze obok (legenda + tabela) */
.sbar{display:flex;gap:2px;height:16px}
.sbar.big{height:28px}
.sbar span{display:block;height:100%;min-width:3px}
.s-ok{background:var(--st-ok)}.s-late{background:var(--st-late)}.s-ref{background:var(--st-ref)}.s-sil{background:var(--st-sil)}.s-wait{background:var(--st-wait)}
.slegend{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 .74rem var(--font-mono);letter-spacing:.04em;color:var(--ink)}
.slegend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.slegend i{display:inline-block;width:11px;height:11px;flex:none}
.slegend b{font-weight:500;color:var(--slate)}
.ondark .s-ok{background:var(--stn-ok)}.ondark .s-late{background:var(--stn-late)}.ondark .s-ref{background:var(--stn-ref)}.ondark .s-sil{background:var(--stn-sil)}.ondark .s-wait{background:var(--stn-wait)}
.ondark .slegend{color:#fff}.ondark .slegend b{color:var(--on-navy-dim)}
.bignum{display:grid;gap:6px}
.bignum b{font:800 clamp(3rem,6vw,4.4rem)/1 var(--font-display);color:var(--pink);font-variant-numeric:tabular-nums}
.bignum span{color:var(--on-navy-dim);font-size:.98rem;max-width:22em}
.rows{display:grid;gap:14px}
.rowbar{display:grid;grid-template-columns:15rem minmax(0,1fr) 6rem;gap:16px;align-items:center}
.rowbar .lbl{font-weight:600;font-size:.95rem}
.rowbar .lbl small{display:block;font:400 .74rem var(--font-mono);color:var(--slate);letter-spacing:.03em;margin-top:2px}
.rowbar .pct{font:500 .82rem var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:760px){.rowbar{grid-template-columns:minmax(0,1fr)}.rowbar .pct{text-align:left}}
.bigstats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);background:var(--paper)}
.bigstats div{padding:20px 18px;border-right:1px solid var(--line)}
.bigstats div:last-child{border-right:0}
.bigstats b{display:block;font:800 2.6rem/1 var(--font-display);font-variant-numeric:tabular-nums}
.bigstats span{display:block;margin-top:8px;font:500 .74rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.bigstats .alert b{color:var(--red)}
.bigstats span i{display:inline-block;width:10px;height:10px;margin-right:7px;vertical-align:0}
.pill.ref{color:var(--ink);background:var(--mist)}
.chip span{color:var(--slate);margin-left:6px}
.chip[aria-pressed="true"] span{color:var(--on-navy-dim)}
.duo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:start}
.panel{background:var(--paper);border:1px solid var(--line);padding:24px 26px}
.panel h3{font:800 1.2rem var(--font-display);margin:0 0 16px}
@media (max-width:900px){.duo{grid-template-columns:minmax(0,1fr)}}
.sample{display:inline-block;font:500 .7rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn);padding:3px 7px}
.tblx{overflow-x:auto;background:var(--paper);border:1px solid var(--line)}
.tblx table{border-collapse:collapse;width:100%;min-width:760px;font:400 .92rem var(--font-text)}
.tblx th{text-align:left;font:500 .72rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);border-bottom:2px solid var(--ink);padding:12px 14px}
.tblx td{border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:middle;font-variant-numeric:tabular-nums}
.tblx td.m{font-family:var(--font-mono);font-size:.84rem}
.tblx a{color:var(--red);font:500 .82rem var(--font-mono);text-decoration:none}

/* dokumenty obok siebie */
.docbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.seg{display:inline-flex;border:1px solid var(--line);background:var(--paper)}
.seg button{font:500 .78rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border:0;background:transparent;color:var(--ink);cursor:pointer;min-height:40px}
.seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
.docpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.docpair.one{grid-template-columns:minmax(0,1fr)}
.doccard{background:var(--paper);border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto}
.doccard header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font:500 .76rem var(--font-mono);letter-spacing:.06em;color:var(--slate)}
.docpage{margin:18px auto;width:min(86%,520px);aspect-ratio:1/1.414;background:#fff;border:1px solid var(--line);box-shadow:0 2px 0 var(--line);padding:9% 9%;display:grid;align-content:start;gap:10px;cursor:pointer;color:#0a1a2f;text-align:left;font:inherit}
.docpage .ln{height:7px;background:#e3e6ea}
.docpage .ln.s{width:46%}.docpage .ln.m{width:72%}.docpage .ln.t{height:11px;width:60%;background:#c9ced6;margin:8px 0 6px}
.docpage .hd{font:500 .66rem var(--font-mono);letter-spacing:.08em;color:#3b4859;text-transform:uppercase}
.docpage > span{display:block}
.docpage .tt{font:700 .8rem/1.3 var(--font-text);letter-spacing:.02em;margin:12px 0 2px;color:#0a1a2f}
.docpage .sp{height:4px}
.doccard footer{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}
.doccard select{font:500 .82rem var(--font-mono);padding:9px 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);min-height:40px;flex:1 1 220px;min-width:0}
.doccard .btn{padding:9px 14px;font-size:.88rem}
.viewer .docpair{padding:16px}
.viewer .docpage{margin:0 auto}
.viewer .vin.wide{width:min(1280px,100%)}
.attach{border-top:2px solid var(--ink);padding-top:14px;margin:1.6em 0}
.attach > b{display:block;font:500 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:12px}
.att{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.attdoc{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--file-spine);padding:12px 14px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;min-height:44px}
.attdoc:hover{border-color:var(--slate)}
.attdoc .mini{display:grid;gap:4px;align-content:start;aspect-ratio:1/1.414;background:#fff;border:1px solid var(--line);padding:8px 7px}
.attdoc .mini i{display:block;height:3px;background:#dfe3e8}
.attdoc .mini i.s{width:55%}
.attdoc b{display:block;font:500 .8rem var(--font-mono);letter-spacing:.03em}
.attdoc small{display:block;color:var(--slate);font-size:.86rem;margin-top:3px}
@media (max-width:560px){.att{grid-template-columns:minmax(0,1fr)}}
.vclose{font:500 .8rem var(--font-mono);letter-spacing:.06em;padding:9px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;min-height:40px}
.viewer{position:fixed;inset:0;background:rgba(10,26,47,.82);display:grid;place-items:center;padding:24px;z-index:40}
.viewer .vin{background:var(--paper);width:min(980px,100%);max-height:100%;overflow:auto;border-top:6px solid var(--spine-red)}
.viewer .vhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font:500 .8rem var(--font-mono);letter-spacing:.04em}
.viewer .docpage{width:min(92%,640px);cursor:default}

/* ludzie władzy */
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pcard{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--navy);padding:18px 20px;display:grid;gap:6px;text-decoration:none;color:var(--ink);align-content:start}
.pcard b{font:800 1.12rem var(--font-display)}
.pcard span{color:var(--slate);font-size:.9rem}
button.pcard{font:inherit;text-align:left;width:100%;cursor:pointer;min-height:44px}
.pcard[aria-pressed="true"]{border-left-color:var(--spine-red);box-shadow:var(--shadow-selected)}
.pcard:hover{border-color:var(--slate)}
.ppl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px;align-items:start}
.plist{display:grid;gap:12px;align-content:start}
.pname{font:800 clamp(1.5rem,2.6vw,1.9rem)/1.15 var(--font-display);margin:8px 0 4px}
@media (max-width:900px){.ppl{grid-template-columns:minmax(0,1fr)}}
.profile{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;padding-block:44px 72px}
.facts{display:grid;grid-template-columns:11rem minmax(0,1fr);border-top:2px solid var(--ink);margin:0}
.facts dt,.facts dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.facts dt{font:500 .74rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);padding-top:15px}
.src{display:block;font:400 .74rem var(--font-mono);color:var(--slate);letter-spacing:.03em;margin-top:4px}
.src a{color:var(--red)}

/* zgłoszenie */
.fs{border:0;margin:0 0 6px;padding:0;min-width:0}
.fs legend{font:800 1.25rem/1.2 var(--font-display);margin:0 0 12px;padding:0;display:flex;gap:10px;align-items:center}
.fs legend i{font:500 .78rem var(--font-mono);font-style:normal;color:#fff;background:var(--navy);width:1.7rem;height:1.7rem;display:inline-grid;place-items:center}
.mode label{min-height:44px}
.free{background:var(--navy);color:#fff;padding:22px 24px;border-top:6px solid var(--spine-red)}
.free b{display:block;font:800 1.6rem/1.1 var(--font-display)}
.free p{margin:10px 0 0;color:var(--on-navy-dim);font-size:.95rem}
.chan{display:grid;gap:12px;margin:18px 0 0}
.chan div{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--navy);padding:14px 16px}
.chan b{display:block;font:500 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:4px}
.chan code{font:500 .98rem var(--font-mono);word-break:break-all}
.alertbox{background:var(--red-soft);border-left:4px solid var(--red);padding:16px 18px}
.alertbox h4{margin:0 0 8px;font:500 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.alertbox p{margin:0 0 8px;font-size:.92rem}
.alertbox p:last-child{margin-bottom:0}

/* wsparcie */
.goals{display:grid;gap:16px}
.goal{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--spine-red);padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center}
.goal h3{font:800 1.2rem var(--font-display)}
.goal p{margin:0;color:var(--slate);font-size:.92rem}
.prog{grid-column:1/-1;height:12px;background:var(--mist)}
.prog span{display:block;height:100%;background:var(--spine-red)}
.goal .sum{font:800 1.4rem var(--font-display);text-align:right;font-variant-numeric:tabular-nums}
.goal .sum small{display:block;font:500 .72rem var(--font-mono);letter-spacing:.06em;color:var(--slate);text-transform:uppercase}
.acct{font:500 1.05rem var(--font-mono);letter-spacing:.04em;word-break:break-all}
.paylist{display:grid;border:1px solid rgba(255,255,255,.2)}
.paylist div{padding:14px 18px}
.paylist div+div{border-top:1px solid rgba(255,255,255,.2)}
.paylist b{display:block;font:500 .75rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:6px}
.paylist span{font-size:.95rem}
.goal .btn{padding:10px 16px;font-size:.9rem}

/* dokumenty fundacji */
.slot{border:2px dashed var(--line);padding:16px 18px;color:var(--slate);font-size:.92rem;background:var(--paper)}

@media (max-width:900px){
  .hero2 .grid,.pinned,.profile{grid-template-columns:minmax(0,1fr)}
  .news,.camp,.people{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bigstats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bigstats div:nth-child(3){border-right:0}
  .bigstats div:nth-child(-n+3){border-bottom:1px solid var(--line)}
}
@media (max-width:640px){
  .news,.camp,.people,.docpair{grid-template-columns:minmax(0,1fr)}
  .bigstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .goal{grid-template-columns:minmax(0,1fr)}
  .goal .sum{text-align:left}
  .facts{grid-template-columns:minmax(0,1fr)}
  .facts dt{border-bottom:0;padding-bottom:0}
  .verbs .wrap{justify-content:flex-start;gap:10px 18px}
}

/* dodatki */
[hidden]{display:none!important}
.top :focus-visible,.hero2 :focus-visible,.band :focus-visible,.phead :focus-visible,.foot :focus-visible,.verbs :focus-visible,.pinned .side :focus-visible{outline-color:var(--focus-on-navy)}
.top .wrap{position:relative}
.menu-btn{min-height:44px}
.docpage{background:var(--doc-paper);color:var(--doc-ink);max-width:100%}
.docpage .hd{color:var(--doc-meta)}
.docpage .tt{color:var(--doc-ink)}
.docpage .ln{background:var(--doc-line)}
.attdoc .mini{background:var(--doc-paper)}
.attdoc .mini i{background:var(--doc-line)}
.viewer{background:var(--scrim);padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.vbtns{display:flex;gap:8px;flex-wrap:wrap}
.vhead{flex-wrap:wrap}
.done{margin-top:16px}
p.note{line-height:1.9}
.note .sample{line-height:1.3}
@media (max-width:820px){.top .wrap{min-height:100px}.brand img{width:150px}}
@media (max-width:560px){.docpair{grid-template-columns:minmax(0,1fr)}.bigstats b{font-size:2rem}.slegend{gap:6px 12px}}

/* ===== 22.10.2026: nowe logo, lista ciekawostek, „Nasze publikacje”, O fundacji ===== */
.brand img{width:170px;height:auto}
@media (max-width:820px){.brand img{width:140px}.top .wrap{min-height:100px}}
.foot-logo2{display:block;width:220px;max-width:100%;height:auto}

/* „Lista ciekawostek” w górnym banerze każdej strony (23.10.2026, wersja 3): kafelki jak teczki z podglądu z 15.10.2026,
   wszystkie tej samej wielkości; większy jest tylko kafelek pod myszką (przy przewijaniu – ten, który jest pod myszką;
   powiększenie skalą, bez przesuwania sąsiednich kafelków). W prawym górnym rogu nazwa urzędu, kolorowa plakietka ze stanem sprawy.
   Na komputerze kolumna listy ma szerokość prawej kolumny pod banerem (1/3), widać 3 kafelki, reszta przewija się
   w pionie; na telefonie kafelki przewijane w bok. */
.lobuz{color:#fff;min-width:0}
.lobuz :focus-visible{outline-color:var(--focus-on-navy)}
.lobuz-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.lobuz-h{display:inline-grid;line-height:1.05;text-decoration:none;color:var(--pink);font:500 .72rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.lobuz-h b{font:800 1.3rem var(--f-display);letter-spacing:0;text-transform:none;color:#fff}
.lobuz-all{color:var(--on-navy-dim);font:500 .78rem var(--f-mono);text-decoration:none;letter-spacing:.04em;white-space:nowrap}
.lobuz-all:hover{color:#fff;text-decoration:underline}
.lobuz-row{list-style:none;margin:0;padding:2px 0 6px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity}
.lobuz-row li{flex:0 0 270px;scroll-snap-align:start;display:flex}
.lobuz-row li>.lcard{flex:1 1 auto}
.lcard{display:block;box-sizing:border-box;height:8rem;overflow:hidden;background:var(--paper);color:var(--ink);border:1px solid transparent;border-left:6px solid var(--file-spine);padding:9px 14px 11px;text-decoration:none;position:relative;transform-origin:center;transition:transform .15s,box-shadow .15s,border-color .15s}
.lcard:hover,.lcard:focus-visible{transform:scale(1.06);z-index:1;border-left-color:var(--spine-red);box-shadow:0 10px 26px rgba(0,0,0,.35)}
:root[data-theme="dark"] .lcard{border-color:var(--line);border-left-color:#5A6F8F}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lcard{border-color:var(--line);border-left-color:#5A6F8F}}
:root[data-theme="dark"] .lcard:hover,:root[data-theme="dark"] .lcard:focus-visible{border-left-color:var(--spine-red)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lcard:hover,:root:not([data-theme="light"]) .lcard:focus-visible{border-left-color:var(--spine-red)}}
.lrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 .68rem var(--f-mono);letter-spacing:.05em;color:var(--slate)}
.lrow .tab{max-width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;padding:3px 6px}
.lname{display:block;font:700 .95rem/1.25 var(--f-text);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lfun{display:none}
.lopis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.84rem;line-height:1.3;margin-top:3px}
.lcard .pill{margin-top:6px;font-size:.66rem;padding:3px 7px}
.baner{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.baner-tresc{min-width:0}
.baner .lobuz{border-top:1px solid rgba(255,255,255,.2);padding-top:18px}
.phead{padding-block:16px 64px} /* banery zaczynają się 40 px wyżej (23.10.2026: najpierw strona główna, potem pozostałe strony; wcześniej 56px) */
@media (min-width:960px){
  /* kolumna listy = prawa kolumna pod banerem (2/3 i 1/3, odstęp 48px); wysokość: nagłówek listy i 3 kafelki */
  .baner{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:minmax(29.1rem,auto);gap:24px 48px;align-items:center}
  .baner .lobuz{border-top:0;padding-top:0;display:flex;flex-direction:column;height:0;min-height:100%;align-self:stretch}
  .baner .lobuz-top{flex:none}
  .baner .lobuz-row{flex:1 1 auto;min-height:0;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent;padding:6px 12px 8px;scroll-padding:6px 0 8px;margin:0 -12px}
  .baner .lobuz-row li{flex:none}
}

/* strona listy ciekawostek */
.lob-lista{display:grid;gap:12px}
.lob{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--spine-red)}
.lob summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:16px 20px;cursor:pointer;list-style:none}
.lob summary::-webkit-details-marker{display:none}
.lob-imie{font:800 1.15rem var(--f-display)}
.lob-d{font:500 .78rem var(--f-mono);color:var(--slate);align-self:center}
.lob-f{grid-column:1;color:var(--slate);font-size:.92rem}
.lob-k{grid-column:1;font-weight:600}
.lob summary::after{content:"+";grid-column:2;grid-row:2/4;align-self:center;justify-self:end;font:500 1.5rem var(--f-mono);color:var(--red)}
.lob[open] summary::after{content:"−"}
.lob-t{padding:2px 20px 18px;border-top:1px solid var(--line)}
.lob-t p{margin:14px 0 0;max-width:42em}
.lob-t p:not(.note){font:400 1.02rem/1.65 var(--f-serif)}
.lob-t a{color:var(--red)}

/* strona główna: apel i „Nasze publikacje” */
.apel2{background:var(--spine-red);color:#fff}
.apel2 .wrap{padding-block:28px}
.apel2 .kick{color:#fff}
.apel2 h1{font:800 clamp(1.6rem,3.4vw,2.4rem)/1.1 var(--f-display);margin:8px 0 8px}
.apel2 p{margin:0;font-size:1.02rem;max-width:44em}
.apel2-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.apel2 :focus-visible{outline-color:#fff}
.btn.white{background:#fff;color:#92393a}
.btn.white:hover{background:#f6ecec}
.btn.wline{border-color:rgba(255,255,255,.75);color:#fff;background:transparent}
.btn.wline:hover{background:rgba(255,255,255,.1)}
.pubgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.pubmain{min-width:0}
.pubhead{display:flex;justify-content:space-between;align-items:end;gap:12px 20px;flex-wrap:wrap;margin-bottom:18px}
.pubhead h2{font:800 clamp(1.6rem,3vw,2.2rem) var(--f-display)}
.pubhead .filters{margin:0}
.leadcard{display:grid;gap:12px;background:var(--paper);border:1px solid var(--line);border-left:10px solid var(--spine-red);padding:28px 30px;text-decoration:none;color:var(--ink);margin-bottom:14px}
.leadcard h3{font:800 clamp(1.5rem,2.8vw,2.1rem)/1.12 var(--f-display)}
.leadcard p{margin:0;color:var(--slate);font:400 1.05rem/1.6 var(--f-serif);max-width:40em}
.leadcard:hover h3{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.publist .file .tab{align-self:start}
.publist .file p .sample{margin-top:2px}
.side .box b.big{display:block;font:800 2.2rem/1 var(--f-display);font-variant-numeric:tabular-nums}
@media (max-width:900px){.pubgrid{grid-template-columns:minmax(0,1fr)}}

/* O fundacji: zasady w dwóch kolumnach, finanse, kontakt */
.rules.r2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.rules.r2{grid-template-columns:minmax(0,1fr)}}
.fin-zasada{margin:0 0 16px;color:var(--slate)}
.tbl.fin table{min-width:640px}
.tbl.fin td small{display:block;font:400 .74rem var(--f-mono);color:var(--slate);margin-top:2px}
.tbl.fin .r{text-align:right;white-space:nowrap}
.tbl.fin td.in{color:var(--ok)}
.tbl.fin td.out{color:var(--red)}
.tbl.fin td.pusto{color:var(--slate);font-family:var(--f-text);white-space:normal}
.fin-rach{margin-top:18px}
.fin-rach code{font:500 .98rem var(--f-mono)}
.dokbtn{font:inherit;color:var(--red);background:none;border:0;padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kontakty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kontakty .contact h3{font-size:1.05rem;margin:10px 0 8px}
.kontakty .contact code{font:500 1rem var(--f-mono);word-break:break-all}
.kontakty .wide{grid-column:1/-1}
@media (max-width:760px){.kontakty{grid-template-columns:minmax(0,1fr)}}
.anon{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.anon summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:700 .92rem var(--f-text);padding:10px 14px;background:var(--navy);color:#fff;list-style:none;min-height:44px}
.anon summary::-webkit-details-marker{display:none}
.anon[open] summary{background:var(--spine-red)}
.anon .steps{margin:14px 0 10px}
.anon p{margin:8px 0 0;font-size:.93rem}
.zapowiedz h2{font:800 1.5rem/1.2 var(--f-display);margin:12px 0 10px}
.zapowiedz p{margin:0 0 10px}
.viewer iframe{display:block;width:100%;height:min(80vh,900px);border:0;background:#fff}
.viewer .dokimg{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff}
/* kotwice nie chowają się pod przyklejonym nagłówkiem */
section[id],details[id]{scroll-margin-top:140px}

/* ===== 23.10.2026: rachunki w jednej linii, hasła bez kropek, apel, archiwum w Bazie danych, stopka ===== */
/* numer rachunku zawsze w całości w jednej linii – czcionka dopasowuje się do szerokości miejsca */
.rach{display:block;container-type:inline-size;min-width:0}
.rach .nr{display:inline-block;white-space:nowrap;word-break:normal;font:500 .8rem var(--font-mono);font-size:min(1.05rem,calc(100cqi / 21));letter-spacing:0}
.rach-w{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 8px}
.rach-w .note{flex:none}
.rach-w .rach{flex:1 1 240px;max-width:26rem}
.rach-w code.nr{background:none;padding:0;color:inherit}
.rach-w .copy{flex:none}
/* hasła (bez kropek) jako małe tytuły nad tekstem */
b.tyt{display:block;margin-bottom:2px}
/* apel w nagłówkach stron */
.apel-mocno{font:800 1.14rem/1.4 var(--f-display);color:#fff;border-left:4px solid var(--pink);padding-left:12px;margin:16px 0 0;max-width:40em}
.phead p.apel-mocno{color:#fff;font-size:1.14rem}
.apel2 .apel-mocno{border-left-color:#fff;margin:0 0 10px}
/* archiwum dokumentów na stronie Baza danych */
.arch h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:6px 0 10px}
/* karta dokumentu nie rozpycha strony na wąskim telefonie */
.doccard{grid-template-columns:minmax(0,1fr)}
.doccard header{flex-wrap:wrap}
/* stopka: informacja prawna */
.foot .legal p{margin:0 0 8px}
.foot .legal .nieprawnicy{font:400 .8rem/1.6 var(--f-text);letter-spacing:0;color:#fff;max-width:62em}


/* ===== 23.10.2026 (2): przełącznik Jasny/Ciemny w nagłówku, po prawej (bez „Auto”) ===== */
.top .theme{margin:0 0 0 14px;align-self:center;flex:none}
@media (max-width:1080px){.top .theme{margin:0 0 0 10px}}
/* Zgłoś: hasło „Bezprawie w urzędach i sądach nie będzie bezkarne” połączone z banerem Zgłoś (23.10.2026) */
.phead h1 em{font-style:normal;color:var(--pink)}
.phead .btns{margin-top:22px}
#kto-urz,#kto-str{scroll-margin-top:220px}

/* ===== 23.10.2026 (2): Nasze publikacje – same artykuły. Artykuł główny w banerze, ciąg dalszy na 2/3 szerokości,
   po prawej przewijana lista kolejnych artykułów; strona artykułu z wyszukiwarką; elementy artykułu ===== */
.phead h1 a{color:inherit;text-decoration:none}
.phead h1 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.wyk{margin:24px 0 0;max-width:36rem}
.wyk-t{font:500 .74rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-navy-dim);margin-bottom:8px}
.wyk .slegend{margin-top:10px}
.osl{list-style:none;margin:0;padding:0;display:flex}
.osl li{flex:1 1 0;position:relative;padding-top:22px;font-size:.86rem;line-height:1.35;color:var(--on-navy-dim)}
.osl li::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:rgba(255,255,255,.3)}
.osl li:last-child::before{right:auto;width:14px}
.osl li::after{content:"";position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--navy);border:2px solid #fff}
.osl li.r::after{background:var(--stn-sil);border-color:var(--stn-sil)}
.osl li.ok::after{background:var(--stn-ok);border-color:var(--stn-ok)}
.osl li b{display:block;font:500 .78rem var(--f-mono);color:#fff;margin-bottom:2px}
.osl li span{display:block;padding-right:14px}
.grafika-b{margin:24px 0 0}
.grafika-b img{display:block;max-width:100%;height:auto;border:1px solid rgba(255,255,255,.2)}
.grafika{margin:24px 0}
.grafika img{display:block;max-width:100%;height:auto;border:1px solid var(--line)}
.grafika figcaption{font:400 .76rem var(--f-mono);color:var(--slate);margin-top:8px}
.artgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;align-items:start;padding-block:44px 64px}
.artmain,.ciag{min-width:0}
.artside{position:sticky;top:140px;min-width:0}
.side-h{font:800 1.2rem var(--f-display);margin:0 0 12px}
.artlist{display:grid;gap:10px;max-height:calc(100vh - 210px);overflow-y:auto;overscroll-behavior:contain;padding:2px 8px 2px 0;scrollbar-width:thin}
.aitem{display:block;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--file-spine);padding:11px 14px 12px;text-decoration:none;transition:transform .15s,border-color .15s}
.aitem:hover,.aitem:focus-visible{transform:translateX(3px);border-left-color:var(--spine-red)}
.aitem.przyp{border-left-color:var(--spine-red);background:var(--red-soft)}
.am{display:flex;justify-content:space-between;gap:8px;font:500 .7rem var(--f-mono);letter-spacing:.04em;color:var(--slate)}
.am .ar{flex:none;text-transform:uppercase}
.pinz{color:var(--red);font-weight:500}
.at{display:block;font:700 .97rem/1.3 var(--f-text);margin-top:5px}
.aitem.r-duzy .at{font-size:1.05rem}
.al{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.86rem;line-height:1.4;color:var(--slate);margin-top:4px}
.dalej{margin:24px 0 0}
.blok{margin:0 0 44px}
.artmain .bigstats{grid-template-columns:repeat(3,minmax(0,1fr))}
.artmain .bigstats div:nth-child(3){border-right:0}
.artmain .bigstats div:nth-child(-n+3){border-bottom:1px solid var(--line)}
.artmain .duo{grid-template-columns:minmax(0,1fr)}
.artmain .sheet{margin:0 0 24px}
.boxy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 0}
.zobrzad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0}
.zob{display:block;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--navy);padding:12px 14px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.zob:hover{border-top-color:var(--spine-red)}
.zob-k{display:block;font:500 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.zob b{display:block;font:700 .98rem var(--f-text);color:var(--red);margin-top:4px}
.zob-o{display:block;font-size:.86rem;color:var(--slate);margin-top:4px}
.aktywne{color:inherit;text-decoration:underline dotted var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px}
.aktywne:hover{color:var(--red);text-decoration-style:solid}
.docinline{margin:24px 0}
.docinline .doccard{max-width:30rem}
.docinline figcaption{font:400 .74rem var(--f-mono);color:var(--slate);margin-top:8px;letter-spacing:.03em}
.szukaj .sz-form{display:grid;gap:6px;margin-bottom:10px}
.szukaj .search{width:100%;flex:none}
.sz-l{font:500 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-top:6px}
.szukaj select{width:100%;font:400 .9rem var(--f-text);padding:8px 10px;border:1px solid var(--control);background:var(--paper);color:var(--ink)}
.szukaj .artlist{max-height:max(240px,calc(100vh - 430px))}
.sz-ile{margin:6px 0 8px}
.pasek3-sec{padding-top:0}
.pasek3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pasek3 b.big{display:block;font:800 2.2rem/1 var(--f-display);font-variant-numeric:tabular-nums}
@media (max-width:960px){
  .artgrid{grid-template-columns:minmax(0,1fr);gap:36px}
  .artside{position:static}
  .artlist,.szukaj .artlist{max-height:none;overflow:visible;padding-right:0}
  .zobrzad,.pasek3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){.boxy{grid-template-columns:minmax(0,1fr)}.osl{flex-direction:column;gap:10px}.osl li::before{display:none}.osl li{padding:0 0 0 22px}.osl li::after{top:3px}}
.artmain .lead{font:600 1.22rem/1.55 var(--f-serif);margin:0 0 1.4em}
.artmain .prose h3{font:700 1.3rem var(--f-display);margin:1.6em 0 .5em}
/* wąski telefon: logo, MENU i przełącznik trybu mieszczą się w jednym wierszu */
@media (max-width:420px){
  .top .wrap{gap:8px}
  .brand img{width:108px}
  .menu-btn{padding:8px 9px}
  .top .theme{margin-left:6px}
  .top .theme button{padding:6px 6px;font-size:.64rem;letter-spacing:.03em}
}
.artmain .prose table{display:block;max-width:100%;overflow-x:auto}

/* Strona artykułu (23.10.2026): w menu bez czerwonej kreski pod „Nasze publikacje”; pod nim czerwona kropka i numer artykułu
   bez ramki (zmiana z 23.10.2026: wcześniej kreseczka i numer w ramce) */
.nav-w{position:relative;display:inline-flex}
.nav-w a[aria-current="true"]{color:#fff}
.nav-syg{position:absolute;left:50%;top:calc(100% + 13px);transform:translateX(-50%);font:500 .72rem/1 var(--f-mono);letter-spacing:.06em;color:#fff;white-space:nowrap}
.nav-syg::before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);width:6px;height:6px;border-radius:50%;background:var(--spine-red);transform:translateX(-50%)}
@media (max-width:1080px){
  .nav-w{display:flex;flex-direction:column;align-items:stretch}
  .nav-syg{position:relative;left:auto;top:auto;transform:none;align-self:center;margin:17px 0 10px}
}

/* Strona artykułu (23.10.2026, wersja 3): jedna strona – bez osobnego banera. Po lewej artykuł (tytuł, krótki opis,
   wykres albo grafika, treść), po prawej wyszukiwarka i lista artykułów. Od 23.10.2026 (zmiana, wersja b): panel
   przesuwa się razem z artykułem i kończy się pod ostatnim artykułem listy – najdalej na końcu artykułu; lista dłuższa
   niż artykuł przewija się osobno (po dojściu do jej końca dalej przewija się strona). Przycisk Zwiń/Rozwiń: po zwinięciu artykuł na całą szerokość
   (stan pamiętany w karcie przeglądarki, jak tryb jasny/ciemny). Na telefonie panel nad artykułem, domyślnie zwinięty. */
.artstrona{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;align-items:start;padding-block:40px 64px}
.artnag{margin:0 0 32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.artnag .kick{color:var(--red)}
.artnag h1{font-size:clamp(2rem,4.5vw,3.1rem);font-weight:800;line-height:1.1;margin:12px 0 0}
.artnag .artlead{font-size:1.1rem;line-height:1.6;color:var(--slate);margin:14px 0 0;max-width:44em}
.artnag .byline{color:var(--slate)}
.wyk.jasny .wyk-t{color:var(--slate)}
.wyk.jasny .osl li{color:var(--slate)}
.wyk.jasny .osl li b{color:var(--ink)}
.wyk.jasny .osl li::before{background:var(--line)}
.wyk.jasny .osl li::after{background:var(--paper);border-color:var(--slate)}
.wyk.jasny .osl li.r::after{background:var(--st-sil);border-color:var(--st-sil)}
.wyk.jasny .osl li.ok::after{background:var(--st-ok);border-color:var(--st-ok)}
.szukaj{min-width:0;color:var(--ink)}
.artstrona .szukaj{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--file-spine);padding:14px 14px 10px}
.sz-glowa{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;flex:none}
.sz-h{margin:0;display:grid;line-height:1.05;font:800 1.25rem var(--f-display);color:var(--ink)}
.sz-h span{font:500 .72rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.sz-zwin{flex:none;font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--paper);border:1px solid var(--control);color:var(--ink);padding:6px 9px;cursor:pointer}
.sz-zwin:hover{border-color:var(--ink)}
/* 3 mrugnięcia na czerwono (3 s) po wejściu na stronę artykułu (23.10.2026); bez mrugania przy wyłączonych animacjach */
@keyframes sz-mrug{50%{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}}
.sz-zwin.mruga{animation:sz-mrug 1s ease-in-out 3}
@media (prefers-reduced-motion:reduce){.sz-zwin.mruga{animation:none}}
.sz-tresc{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.szukaj .sz-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 6px;flex:none}
.szukaj .search{grid-column:1 / -1;width:100%}
.szukaj select{width:100%;font:400 .86rem var(--f-text);padding:8px;border:1px solid var(--control);background:var(--paper);color:var(--ink)}
.szukaj .sz-ile,.szukaj #sz-pusto{font:400 .74rem var(--f-mono);letter-spacing:.03em;color:var(--slate);margin:4px 0 8px;flex:none}
.artstrona .szukaj .artlist{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:auto;display:grid;align-content:start;gap:8px;padding:0 6px 4px 0}
.sz-rozwin{display:none}
@media (min-width:960px){
  /* panel w prawej kolumnie, od góry artykułu: wysokość = lista, ale najwyżej do końca artykułu (max-height:100%
     obszaru siatki); położony absolutnie w obszarze siatki, więc nie wydłuża strony */
  .artstrona{position:relative}
  .artstrona .szukaj{position:absolute;grid-column:2 / 3;grid-row:1 / 2;top:0;left:0;right:0;max-height:100%}
  html[data-panel="zw"] .artstrona{grid-template-columns:minmax(0,1fr)}
  html[data-panel="zw"] .artstrona .szukaj{display:none}
  /* 26.10.2026 (Michał): po zwinięciu „Szukaj” cały artykuł na całą szerokość – także tekst (bez limitu 38em) */
  html[data-panel="zw"] .artstrona .prose{max-width:none}
  html[data-panel="zw"] .sz-rozwin{display:block;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:15;writing-mode:vertical-rl;font:500 .74rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--file-spine);color:#fff;border:0;padding:14px 9px;cursor:pointer}
  html[data-panel="zw"] .sz-rozwin:hover{background:var(--brand-red)}
}
@media (max-width:959px){
  .artstrona{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:24px}
  .artstrona .szukaj{order:-1}
  .artstrona .szukaj:not(.otwarty) .sz-tresc{display:none}
  .artstrona .szukaj:not(.otwarty) .sz-glowa{margin-bottom:0}
  .artstrona .szukaj .artlist{max-height:60vh;overscroll-behavior:contain}
}

/* Pasek menu (23.10.2026, wybór A + B): na komputerze pasek wyższy o 20 px – logo tej samej wielkości – i większe odstępy
   między pozycjami menu. Konieczne przy tym: kotwice (#…) zatrzymują się o 20 px niżej, żeby nagłówek nie zasłaniał tytułu. */
@media (min-width:1081px){
  .top .wrap{min-height:140px}
  .top .nav{gap:18px}
  section[id],details[id]{scroll-margin-top:160px}
}

/* Strona główna (23.10.2026): pod banerem wyszukiwarka na środku i lista wszystkich publikacji na całą szerokość
   (w miejsce ciągu dalszego artykułu głównego i bocznej listy „Kolejne artykuły”) */
.publikacje{padding-block:44px 64px}
.pub-szukaj{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;max-width:840px;margin:0 auto}
.pub-szukaj .search{width:100%;font-size:1rem;padding:12px 14px}
.pub-szukaj select{width:100%;font:400 .92rem var(--f-text);padding:11px 10px;border:1px solid var(--control);background:var(--paper);color:var(--ink)}
.pub-pasek{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 12px}
.pub-pasek .sz-ile,.publikacje .sz-pusto{font:400 .76rem var(--f-mono);letter-spacing:.03em;color:var(--slate);margin:0}
.publikacje .sz-pusto{margin-top:12px}
.publista{display:grid;gap:10px}
.publista .aitem{padding:14px 18px 15px}
.publista .at{font-size:1.05rem}
@media (max-width:640px){
  .pub-szukaj{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pub-szukaj .search{grid-column:1 / -1}
}

/* Wybór widoku listy publikacji jak w sklepach internetowych: wiersze / małe kafelki / duże kafelki (23.10.2026);
   wybór pamiętany w karcie przeglądarki (sessionStorage, odczyt w <head>), na starcie wiersze */
.widoki{display:flex;border:1px solid var(--control)}
.widoki button{display:inline-flex;align-items:center;gap:7px;background:var(--paper);border:0;color:var(--slate);font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:8px 11px;cursor:pointer}
.widoki button + button{border-left:1px solid var(--control)}
.widoki button:hover{color:var(--ink)}
.widoki button[aria-pressed="true"]{background:var(--file-spine);color:#fff}
html[data-widok="male"] .publista{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-widok="male"] .publista .al{display:none}
html[data-widok="male"] .publista .am{flex-wrap:wrap;row-gap:2px}
.am .nw{white-space:nowrap} /* sygnatura (np. WINU-17) nie łamie się w połowie */
html[data-widok="male"] .publista .at{font-size:.97rem}
html[data-widok="duze"] .publista{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html[data-widok="duze"] .publista .aitem{padding:18px 20px 20px}
html[data-widok="duze"] .publista .at{font-size:1.2rem;margin-top:8px}
html[data-widok="duze"] .publista .al{-webkit-line-clamp:3;font-size:.92rem;margin-top:6px}
@media (max-width:959px){html[data-widok="male"] .publista{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  html[data-widok="male"] .publista{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-widok="duze"] .publista{grid-template-columns:minmax(0,1fr)}
  .widoki button{padding:8px 10px}
  .widoki .wl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* Baza danych i Poradnik (23.10.2026): tekst banera u góry – na wysokości „Lista ciekawostek” – a pod nim, nadal na banerze,
   cały panel zapowiedzi. Konieczne przy tym: w białym panelu zwykły kolor tekstu i obwódki fokusu (nie te z granatowego tła). */
.baner-gora .baner-tresc{align-self:start}
.baner .panel{margin-top:24px;color:var(--ink)}
.phead .baner .panel p{color:var(--ink);font-size:inherit;max-width:none}
.phead .panel :focus-visible{outline-color:var(--red)}
/* Baza danych: pod banerem dwie ramki obok siebie (wcześniej obok panelu zapowiedzi) */
.dwie-ramki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:640px){.dwie-ramki{grid-template-columns:minmax(0,1fr)}}

/* Ankieta „Co czujesz po przeczytaniu?” pod artykułem i pod ciekawostką (25.10.2026, PRÓBA). Kolory uczuć sprawdzone
   walidatorem palety (jasny motyw na #FFFFFF, ciemny na #16202D; sąsiednie pary rozróżnialne także przy daltonizmie). Każde
   uczucie ma też podpis, procent i liczbę głosów – kolor nigdy nie jest jedyną informacją (żółty w jasnym motywie ma 2,2:1).
   Wersje wykresu (klasa ank-w-… nadawana przez ankieta.js): paski, lizaki, kolumny, pasek, kropki, paczek, liczby. */
.ankieta{--uc-zlosc:#e34948;--uc-smutek:#2a78d6;--uc-radosc:#eda100;--uc-strach:#6250d6;--uc-obrzydzenie:#008300;--uc-puste:var(--line);
  border:1px solid var(--line);background:var(--paper);padding:20px 20px 14px;margin:32px 0 0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ankieta{--uc-zlosc:#e66767;--uc-smutek:#3987e5;--uc-radosc:#c98500;--uc-strach:#9085e9;--uc-obrzydzenie:#008300}}
:root[data-theme="dark"] .ankieta{--uc-zlosc:#e66767;--uc-smutek:#3987e5;--uc-radosc:#c98500;--uc-strach:#9085e9;--uc-obrzydzenie:#008300}
.ankieta[hidden]{display:none}
.lob-t .ankieta{margin:18px 0 4px;max-width:720px}
.ank-zlosc{--u:var(--uc-zlosc)}.ank-smutek{--u:var(--uc-smutek)}.ank-radosc{--u:var(--uc-radosc)}.ank-strach{--u:var(--uc-strach)}.ank-obrzydzenie{--u:var(--uc-obrzydzenie)}.ank-puste{--u:var(--uc-puste)}
.ank-t{font:800 1.3rem/1.25 var(--f-display);margin:0;color:var(--ink)}
.lob-t .ank-t{font-size:1.12rem}
.ank-pod{margin:4px 0 12px;color:var(--slate);font:400 .92rem var(--f-text)}
.lob-t p.ank-pod{margin:4px 0 12px;font:400 .92rem var(--f-text);color:var(--slate)}
.ank-lista{list-style:none;margin:0;padding:0}
.ank-lista li{margin:0}
.ank-u{display:grid;grid-template-columns:9.5em minmax(48px,1fr) 6.2em;align-items:center;gap:12px;width:100%;min-height:42px;
  padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:500 .98rem var(--f-text);text-align:left;cursor:pointer}
.ank-u:hover{background:var(--mist)}
.ank-u[aria-disabled="true"]{cursor:default}
.ank-u[aria-disabled="true"]:hover{background:transparent}
.ank-u[aria-pressed="true"],.ank-u[aria-pressed="true"]:hover{background:var(--mist)}
.ank-n{display:flex;align-items:center;gap:10px;min-width:0}
.ank-kr{flex:none;width:12px;height:12px;border-radius:50%;background:var(--u)}
.ank-u[aria-pressed="true"] .ank-n::after{content:"\2713";font-weight:700}
.ank-tor{display:block;height:14px;border-left:1px solid var(--line)}
.ank-pas{display:block;height:100%;width:0;background:var(--u);border-radius:0 4px 4px 0;transition:width .35s ease,height .35s ease}
.ank-w{display:flex;justify-content:flex-end;gap:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ank-proc{font-weight:700}
.ank-ile{color:var(--slate)}
.ank-suma{margin:10px 8px 0}
.ank-wykres:empty{display:none}

/* lizaki: cienka kreska zakończona kropką */
.ank-w-lizaki .ank-tor{display:flex;align-items:center}
.ank-w-lizaki .ank-pas{height:2px;border-radius:0;position:relative}
.ank-w-lizaki .ank-pas::after{content:"";position:absolute;right:-6px;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--u);box-shadow:0 0 0 2px var(--paper)}

/* kolumny: pięć słupków obok siebie, wynik nad słupkiem, nazwa pod nim */
.ank-w-kolumny .ank-lista{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ank-w-kolumny .ank-u{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px 4px;min-height:0;height:100%}
.ank-w-kolumny .ank-w{order:1;flex-direction:column;align-items:center;gap:0}
.ank-w-kolumny .ank-tor{order:2;display:flex;align-items:flex-end;justify-content:center;width:100%;height:120px;border-left:0;border-bottom:1px solid var(--line)}
.ank-w-kolumny .ank-pas{width:24px;height:0;border-radius:4px 4px 0 0}
.ank-w-kolumny .ank-n{order:3;flex-direction:column;gap:4px;font-size:.86rem;line-height:1.2;overflow-wrap:anywhere}

/* pasek, kropki, pączek: wykres osobno, uczucia pod nim albo obok jako lista */
.ank-w-pasek .ank-tor,.ank-w-kropki .ank-tor,.ank-w-paczek .ank-tor,.ank-w-liczby .ank-tor{display:none}
.ank-w-pasek .ank-u,.ank-w-kropki .ank-u,.ank-w-paczek .ank-u{grid-template-columns:minmax(0,1fr) auto;min-height:38px}
.ank-stos{display:flex;gap:2px;height:24px;border-radius:4px;overflow:hidden;margin:0 8px 10px}
.ank-stos.ank-pusty{background:var(--line)}
.ank-seg{display:block;flex:1 1 0;min-width:2px;background:var(--u)}
.ank-w-kropki .ank-cialo,.ank-w-paczek .ank-cialo{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.ank-w-kropki .ank-cialo .ank-lista,.ank-w-paczek .ank-cialo .ank-lista{flex:1 1 260px;min-width:0}
.ank-kropki{display:grid;grid-template-columns:repeat(10,12px);gap:4px;margin:0 8px}
.ank-kr2{display:block;width:12px;height:12px;border-radius:50%;background:var(--u)}
.ank-paczek{display:block;width:170px;height:170px;margin:0 8px}
.ank-luk{fill:none;stroke:var(--u);stroke-width:18}
.ank-tlo{fill:none;stroke:var(--line);stroke-width:18}
.ank-srodek{fill:var(--ink);font:800 22px var(--f-display);text-anchor:middle}
.ank-srodek-p{fill:var(--slate);font:400 10px var(--f-text);text-anchor:middle}

/* liczby: pięć kafelków z dużym procentem */
.ank-w-liczby .ank-lista{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ank-w-liczby .ank-u{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 12px;border-top:4px solid var(--u);border-radius:0 0 6px 6px;background:var(--ground);min-height:0;height:100%}
.ank-w-liczby .ank-u[aria-disabled="true"]:hover{background:var(--ground)}
.ank-w-liczby .ank-u[aria-pressed="true"],.ank-w-liczby .ank-u[aria-pressed="true"]:hover{background:var(--mist)}
.ank-w-liczby .ank-kr{display:none}
.ank-w-liczby .ank-w{order:-1;flex-direction:column;align-items:flex-start;gap:0}
.ank-w-liczby .ank-proc{font:800 1.7rem/1.1 var(--f-display);font-variant-numeric:normal}
.ank-w-liczby .ank-n{font-size:.9rem;flex-wrap:wrap;gap:2px 6px}

/* telefon */
@media (max-width:560px){
  .ankieta{padding:16px 12px 12px}
  .ank-w-paski .ank-u,.ank-w-lizaki .ank-u{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n w" "tor tor";row-gap:6px;column-gap:8px;font-size:.95rem;padding:8px}
  .ank-w-paski .ank-n,.ank-w-lizaki .ank-n{grid-area:n}
  .ank-w-paski .ank-w,.ank-w-lizaki .ank-w{grid-area:w}
  .ank-w-paski .ank-tor,.ank-w-lizaki .ank-tor{grid-area:tor}
  .ank-w-kolumny .ank-lista{gap:2px}
  .ank-w-kolumny .ank-n{font-size:.72rem}
  .ank-w-kolumny .ank-tor{height:100px}
  .ank-w-liczby .ank-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.ank-pas{transition:none}}

/* ===== 25.10.2026: dokumenty z obrazami stron – miniatury w tekście artykułu i strony w okienku podglądu ===== */
.docrzad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.docrzad figcaption{grid-column:1/-1;margin-top:0}
.docinline.docrzad .doccard{max-width:none}
.docpage.zdj{display:block;padding:0;aspect-ratio:auto;width:min(88%,360px);background:#fff;overflow:hidden}
.docpage.zdj img{display:block;width:100%;height:auto}
.docpage.zdj:hover,.docpage.zdj:focus-visible{border-color:var(--slate)}
.viewer .docstrony{display:grid;gap:14px;padding:12px}
.viewer .dstrona{position:relative;width:100%;max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:0 2px 0 var(--line)}
.viewer .dstrona img{display:block;width:100%;height:auto}
@media (max-width:560px){
  .docrzad{gap:10px}
  .docrzad .doccard header{padding:8px 10px;font-size:.66rem}
  .docpage.zdj{width:calc(100% - 20px);margin:10px auto}
  .viewer .docstrony{padding:8px;gap:10px}
}

/* ===== 25.10.2026: źródła w artykule otwierane w okienku; przepis zaznaczony na stronie ustawy; Pobierz;
   nagłówek okienka z przyciskami zawsze widoczny przy przewijaniu długiego dokumentu ===== */
.viewer .vhead{position:sticky;top:0;z-index:2;background:var(--paper)}
a.vclose{display:inline-flex;align-items:center;text-decoration:none}
.viewer .dzazn{position:absolute;background:rgba(255,212,0,.36);mix-blend-mode:multiply;box-shadow:0 0 0 2px rgba(240,170,0,.7);border-radius:2px;pointer-events:none}

/* ===== 25.10.2026: dokument w nowym oknie – odnośniki w artykule i strona dokumentu (/dokumenty/…) ===== */
a.docpage,a.attdoc{text-decoration:none}
.dokokno{margin:0;background:var(--ground)}
.dok-pasek{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));background:var(--navy);color:#fff;border-bottom:4px solid var(--spine-red)}
.dok-logo{flex:none;display:block;line-height:0}
.dok-logo img{width:85px;height:auto}
.dok-t{flex:1 1 220px;min-width:0;display:grid;gap:2px;font:500 .8rem var(--f-mono);letter-spacing:.04em}
.dok-t b{font:700 .95rem var(--f-text);letter-spacing:0;overflow-wrap:anywhere}
.dok-t span{color:var(--on-navy-dim)}
.dok-strony{display:grid;gap:14px;max-width:960px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left,0px)) 32px}
.dokokno .dstrona{position:relative;background:#fff;border:1px solid var(--line);box-shadow:0 2px 0 var(--line)}
.dokokno .dstrona img{display:block;width:100%;height:auto}
.dokokno .dzazn{position:absolute;background:rgba(255,212,0,.36);mix-blend-mode:multiply;box-shadow:0 0 0 2px rgba(240,170,0,.7);border-radius:2px;pointer-events:none}

/* ===== 25.10.2026: tabela liczbowa w artykule (<table class="liczby">) – liczby wyrównane do prawej, cyfry równej
   szerokości; pierwsza kolumna (nazwy) zostaje po lewej ===== */
.prose table.liczby td:not(:first-child),.prose table.liczby th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}