:root{
  --tlo:#f4f4f5;--karta:#fff;--atrament:#202020;--szary:#5c5f66;--linia:#e4e4e7;--linia-mocna:#cfcfd4;
  --czerwien:#bd2124;--czerwien-ciemna:#af1615;--czerwien-tlo:#fcedea;--zaznaczenie:#fde68a;--aktywny:#fff5f3;
  --pas:#202020;--pas-tekst:#d4d4d8;
  --bez:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --szeryf:"Literata","Iowan Old Style",Georgia,serif;
  --z-news-t:#3f3f46;--z-news-b:#ececef;--z-opinion-t:#9f1a1d;--z-opinion-b:#fbe4e1;--z-religion-t:#7a4b00;--z-religion-b:#f8ecd2;
  --z-video-t:#1f2937;--z-video-b:#e0e7ef;--z-hagiography-t:#5b2c83;--z-hagiography-b:#efe4f7;--z-other-t:#52525b;--z-other-b:#f0f0f2}
[data-schemat="ciemny"]{
  --tlo:#121213;--karta:#1b1b1d;--atrament:#ececec;--szary:#a1a1aa;--linia:#2c2c30;--linia-mocna:#3f3f46;
  --czerwien:#ef5a3c;--czerwien-ciemna:#e84130;--czerwien-tlo:#3a1c17;--zaznaczenie:#6b5612;--aktywny:#271a18;
  --pas:#0a0a0a;--pas-tekst:#a1a1aa;
  --z-news-t:#d4d4d8;--z-news-b:#2c2c31;--z-opinion-t:#fca5a5;--z-opinion-b:#3b1d1d;--z-religion-t:#f5d08a;--z-religion-b:#352a14;
  --z-video-t:#c7d2fe;--z-video-b:#1f2537;--z-hagiography-t:#e0c3fc;--z-hagiography-b:#2e2139;--z-other-t:#d4d4d8;--z-other-b:#2a2a2e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--atrament);font:15px/1.5 var(--bez)}
a{color:var(--czerwien)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--czerwien);outline-offset:2px}
.pomin{position:absolute;left:-999px}.pomin:focus{left:16px;top:8px;background:var(--karta);padding:8px;z-index:9}
.ukryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
h1,h2{overflow-wrap:anywhere}

/* pasek górny i nagłówek — jak na PCh24 */
.pas-gorny{background:var(--pas);color:var(--pas-tekst);font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 20px;flex-wrap:wrap}
.pas-prawy{display:flex;gap:16px;align-items:center}
.pas-prawy form{margin:0}
.pas-gorny .link{color:var(--pas-tekst)}
.kto{color:#fff}
[data-schemat="ciemny"] .kto{color:var(--atrament)}
button.link{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.naglowek{background:var(--karta);border-bottom:1px solid var(--linia);display:flex;align-items:center;gap:24px;padding:14px 20px;flex-wrap:wrap}
.marka{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--atrament);flex:none}
.logo{height:36px;width:auto;display:block}
.logo-ciemne{display:none}
[data-schemat="ciemny"] .logo-jasne{display:none}[data-schemat="ciemny"] .logo-ciemne{display:block}
.marka-nazwa{font:600 19px/1 var(--szeryf);padding-left:12px;border-left:2px solid var(--czerwien);letter-spacing:.01em}
.pole-szukaj{flex:1;min-width:260px;display:flex;max-width:760px}
.pole-szukaj input{flex:1;min-width:0;font:16px var(--bez);padding:11px 14px;border:1px solid var(--linia-mocna);border-right:0;background:var(--karta);color:var(--atrament);border-radius:0}
.pole-szukaj input:focus{border-color:var(--czerwien);outline:none;box-shadow:0 0 0 3px var(--czerwien-tlo)}
.pole-szukaj button,.filtry-przyciski button,.logowanie button,.przycisk{font:600 14px/1 var(--bez);padding:12px 18px;border:1px solid var(--czerwien);background:var(--czerwien);color:#fff;cursor:pointer;text-decoration:none;display:inline-block;border-radius:0}
.pole-szukaj button:hover,.przycisk:hover,.filtry-przyciski button:hover{background:var(--czerwien-ciemna);border-color:var(--czerwien-ciemna)}
.przycisk.drugi{background:transparent;color:var(--czerwien)}
.przycisk.drugi:hover{background:var(--czerwien-tlo);color:var(--czerwien)}
.nawigacja{display:flex;gap:20px;font-size:14px;font-weight:500;margin-left:auto}
.nawigacja a{color:var(--atrament);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nawigacja a[aria-current]{border-bottom-color:var(--czerwien)}

/* znaczniki rodzaju */
.znacznik{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 7px;line-height:1.5}
.z-news{color:var(--z-news-t);background:var(--z-news-b)}.z-opinion{color:var(--z-opinion-t);background:var(--z-opinion-b)}
.z-religion{color:var(--z-religion-t);background:var(--z-religion-b)}.z-video{color:var(--z-video-t);background:var(--z-video-b)}
.z-hagiography{color:var(--z-hagiography-t);background:var(--z-hagiography-b)}.z-other{color:var(--z-other-t);background:var(--z-other-b)}

/* warsztat: filtry | lista | podgląd */
.warsztat{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 110px)}
.warsztat.z-podgladem{grid-template-columns:250px minmax(340px,1fr) minmax(0,1.15fr)}
.boczny{background:var(--karta);border-right:1px solid var(--linia);padding:18px 16px 30px}
.grupa{margin:0 0 22px}
.grupa h2{font:600 11px/1 var(--bez);text-transform:uppercase;letter-spacing:.09em;color:var(--szary);margin:0 0 10px}
.faseta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;margin:0 -8px 2px;color:var(--atrament);text-decoration:none;font-size:13px}
.faseta:hover{background:var(--tlo)}
.faseta.wybrana{background:var(--czerwien-tlo);font-weight:600}
.faseta em,.tagi em{font-style:normal;color:var(--szary);font-variant-numeric:tabular-nums;font-size:12px}
.histo{display:flex;align-items:flex-end;gap:2px;height:52px}
.histo a{flex:1;height:100%;display:flex;align-items:flex-end}
.histo i{display:block;width:100%;background:var(--linia-mocna)}
.histo a:hover i{background:var(--czerwien)}
.h0,.h1{height:10%}.h2{height:20%}.h3{height:30%}.h4{height:40%}.h5{height:50%}.h6{height:60%}.h7{height:70%}.h8{height:80%}.h9{height:90%}.h10{height:100%}
.histo-os{display:flex;justify-content:space-between;font-size:11px;color:var(--szary);margin-top:4px}
.boczny input:not([type=checkbox]){width:100%;font:14px var(--bez);padding:8px 10px;border:1px solid var(--linia-mocna);background:var(--karta);color:var(--atrament);border-radius:0;margin-bottom:6px}
.daty{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.daty label{font-size:11px;color:var(--szary)}
.daty input{padding:6px!important;font-size:13px!important}
label.zaznacz{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:0 0 14px}
label.zaznacz input{margin-top:3px;accent-color:var(--czerwien)}
label.zaznacz small{display:block;color:var(--szary);font-size:12px;font-weight:400}
label.zaznacz span{display:block}
.filtry-przyciski{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.filtry-przyciski a{font-size:13px}
.drobne{font-size:12px;color:var(--szary)}

.lista{border-right:1px solid var(--linia);background:var(--karta);min-width:0}
.lista-glowa{display:flex;justify-content:space-between;gap:8px;padding:12px 18px;border-bottom:1px solid var(--linia);font-size:13px;color:var(--szary);position:sticky;top:0;background:var(--karta);z-index:1}
.wyniki{list-style:none;margin:0;padding:0}
.wiersz{padding:14px 18px 14px 18px;border-bottom:1px solid var(--linia);position:relative;overflow-wrap:anywhere}
.wiersz:hover{background:var(--tlo)}
.wiersz.aktywny{background:var(--aktywny);box-shadow:inset 0 0 0 1px var(--czerwien)}
.wiersz .tytul{display:block;font:600 17px/1.3 var(--szeryf);color:var(--atrament);text-decoration:none;margin:6px 0 3px}
.wiersz .tytul::after{content:"";position:absolute;inset:0}
.wiersz .tytul:hover{text-decoration:underline;text-decoration-color:var(--czerwien)}
.meta{font-size:12px;color:var(--szary)}
.fragment{font:14px/1.55 var(--szeryf);margin:6px 0 0;color:var(--atrament);opacity:.88;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
mark{background:var(--zaznaczenie);color:inherit;padding:0 1px}
.strony{overflow-anchor:none;display:flex;gap:18px;justify-content:center;align-items:center;padding:18px;font-size:14px}
.pusto{padding:28px 24px}
.pusto h1{font:600 24px/1.2 var(--szeryf);margin:0 0 10px}
.tagi{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.tagi a{font-size:12px;padding:3px 8px;border:1px solid var(--linia-mocna);color:var(--atrament);text-decoration:none;background:var(--karta);max-width:100%;overflow-wrap:anywhere}
.tagi a:hover{border-color:var(--czerwien);color:var(--czerwien)}

.podglad{background:var(--karta);padding:18px 28px 40px;min-width:0;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}
.podglad-akcje{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px}
.podglad-akcje .przycisk{padding:9px 13px;font-size:13px}
.potwierdzenie{font-size:13px;color:var(--szary)}
.podpowiedz{font-size:12px;color:var(--szary);margin:-8px 0 18px}

/* artykuł */
.artykul{overflow-wrap:anywhere}
.art-etykieta{font-size:13px;color:var(--szary)}
.artykul h1{font:700 30px/1.18 var(--szeryf);margin:10px 0 8px;letter-spacing:-.005em}
.art-meta{font-size:13px;color:var(--szary);margin:0 0 4px}
.art-meta a{color:var(--atrament)}
.ilustracja{margin:20px 0}.ilustracja img{max-width:100%;height:auto;display:block}
.ilustracja figcaption{font-size:12px;color:var(--szary);margin-top:6px}
.tekst{font:18px/1.7 var(--szeryf);margin-top:22px}
.tekst p{margin:0 0 1em}
.tekst img{max-width:100%;height:auto}
.tekst blockquote{margin:1em 0;padding:4px 0 4px 18px;border-left:3px solid var(--czerwien);font-style:italic}
.tekst table{border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.tekst td,.tekst th{border:1px solid var(--linia);padding:6px}
.tekst a{overflow-wrap:anywhere}
.uwagi{font-size:12px;color:var(--szary);margin-top:22px}
.film{position:relative;aspect-ratio:16/9;margin:20px 0;background:#000}
.film iframe,.film video{position:absolute;inset:0;width:100%;height:100%;border:0}
.czytelnia{max-width:780px;margin:0 auto;padding:24px 20px 60px;background:var(--karta);min-height:calc(100vh - 110px)}
.czytelnia .artykul h1{font-size:38px}
.komunikat{padding:12px 14px;border:1px solid var(--linia)}
.komunikat.blad{border-color:var(--czerwien);background:var(--czerwien-tlo)}

/* logowanie, pomoc, błędy */
.logowanie{max-width:400px;margin:56px auto;background:var(--karta);border:1px solid var(--linia);border-top:4px solid var(--czerwien);padding:30px}
.logowanie h1{font:700 24px/1.2 var(--szeryf);margin:0 0 6px}
.logowanie label{display:block;font-size:13px;font-weight:600;margin:14px 0 4px}
.logowanie input{width:100%;font:16px var(--bez);padding:11px 12px;border:1px solid var(--linia-mocna);background:var(--karta);color:var(--atrament);border-radius:0}
.logowanie button{width:100%;margin-top:20px;padding:14px}
.cicho{color:var(--szary);font-size:14px}
.tekstowa{max-width:780px;margin:28px auto;background:var(--karta);border:1px solid var(--linia);padding:28px}
.tekstowa h1{font:700 28px/1.2 var(--szeryf);margin:0 0 12px}
.tekstowa h2{font:600 19px/1.3 var(--szeryf);margin:24px 0 8px}
.tekstowa li{margin:6px 0}
code{font-size:13px;background:var(--tlo);padding:1px 5px;border:1px solid var(--linia)}

@media (max-width:1180px){
  .warsztat.z-podgladem{grid-template-columns:230px minmax(0,1fr)}
  .podglad{display:none}
  .wiersz.aktywny{background:none;box-shadow:none}
  .wiersz.aktywny:hover{background:var(--tlo)}
}
@media (max-width:760px){
  .naglowek{gap:12px;padding:12px 16px}.pas-gorny{padding:6px 16px}
  .nawigacja{margin-left:0}
  .pole-szukaj{order:3;flex-basis:100%;min-width:0}
  .warsztat,.warsztat.z-podgladem{grid-template-columns:1fr}
  .boczny{border-right:0;border-bottom:1px solid var(--linia);order:2}
  .lista{order:1;border-right:0}
  .czytelnia{padding:16px}.czytelnia .artykul h1{font-size:27px}.tekst{font-size:17px}
}
.strony[aria-busy="true"] .przycisk{opacity:.5;pointer-events:none}
.strony .blad{color:var(--czerwien)}
.boczny{overflow-anchor:none}