/* Strony wiedzy (ZB-1301): statyczne, otwarte dla wyszukiwarki, bez skryptów. Jeden wspólny arkusz zamiast
   kopii <style> w każdej stronie — kolory i krój są te same co na stronie głównej (src/strona/index.html),
   żeby wejście z Google na /wiedza/<temat>/ wyglądało jak ta sama witryna, a nie jak osobny serwis. */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/czcionki/IBMPlexMono-Regular.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/czcionki/IBMPlexMono-Medium.woff2") format("woff2")}
:root{
  --tlo-gora:#CFE3F7; --tlo-dol:#EEF5FC; --pasek:rgba(223,236,250,.86); --karta:#FFFFFF;
  --tusz:#0F1719; --slaby:#5E6B77; --kreska:#B9C7D4;
  --niebieski:#1D4ED8; --niebieski-tlo:#E6ECFB; --czerwony:#B8372A;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --tlo-gora:#0E2138; --tlo-dol:#0A1422; --pasek:rgba(14,30,52,.86); --karta:#121C26;
  --tusz:#E3E9EC; --slaby:#93A2AE; --kreska:#2A3947;
  --niebieski:#5B8CFF; --niebieski-tlo:#17264A; --czerwony:#E56A57;
}}
:root[data-theme="dark"]{
  --tlo-gora:#0E2138; --tlo-dol:#0A1422; --pasek:rgba(14,30,52,.86); --karta:#121C26;
  --tusz:#E3E9EC; --slaby:#93A2AE; --kreska:#2A3947;
  --niebieski:#5B8CFF; --niebieski-tlo:#17264A; --czerwony:#E56A57;
}
*{box-sizing:border-box}
html{background:var(--tlo-dol)}
body{margin:0;min-height:100vh;background:var(--tlo-dol) linear-gradient(180deg,var(--tlo-gora) 0%,var(--tlo-dol) 60%) no-repeat;color:var(--tusz);font:400 16px/1.65 var(--mono)}
a{color:var(--niebieski)}
a:focus-visible{outline:2px solid var(--niebieski);outline-offset:3px}
.wew{max-width:52rem;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
header.pasek{position:sticky;top:0;z-index:5;background:var(--pasek);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 -1px 0 var(--kreska)}
header.pasek .wew{display:flex;align-items:center;gap:1.2rem;padding-top:.8rem;padding-bottom:.8rem;flex-wrap:wrap}
.znak{font-weight:500;font-size:1.1rem;text-decoration:none;color:var(--tusz)}
.okruszki{font-size:.85rem;color:var(--slaby);min-width:0}
.okruszki a{color:var(--slaby)}
main.tresc{padding-top:clamp(1.6rem,4vw,3rem);padding-bottom:1rem}
article.wiedza{background:var(--karta);border-radius:10px;box-shadow:inset 0 0 0 1px var(--kreska);padding:clamp(1.1rem,3.5vw,2.2rem);overflow-wrap:anywhere}
.etykieta{display:inline-block;font-size:.64rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .5rem;border-radius:3px;background:var(--niebieski);color:#fff}
h1{font-weight:500;font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.1;margin:.6rem 0 1rem;letter-spacing:-.01em}
h2{font-weight:500;font-size:1.15rem;margin:2rem 0 .6rem;padding-top:.8rem;box-shadow:inset 0 1px 0 var(--kreska)}
h3{font-weight:500;font-size:1rem;margin:1.4rem 0 .4rem}
.wstep{font-size:1.02rem;color:var(--slaby)}
ul,ol{padding-left:1.3rem}
li{margin:.3rem 0}
.tabela{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{text-align:left;vertical-align:top;padding:.45rem .6rem;box-shadow:inset 0 -1px 0 var(--kreska)}
th{font-weight:500;background:var(--niebieski-tlo)}
a.przypis{font-size:.78em;text-decoration:none;white-space:nowrap}
ol.zrodla{font-size:.82rem;color:var(--slaby)}
ol.zrodla li:target{background:var(--niebieski-tlo)}
.nota{font-size:.82rem;color:var(--slaby);margin:1rem 0 0}
ul.tematy{list-style:none;padding:0;display:grid;gap:.8rem}
ul.tematy a{display:block;padding:.9rem 1rem;border-radius:8px;background:var(--karta);box-shadow:inset 0 0 0 1px var(--kreska);text-decoration:none;color:var(--tusz)}
ul.tematy a:hover{box-shadow:inset 0 0 0 2px var(--niebieski)}
ul.tematy strong{display:block;font-weight:500;color:var(--niebieski)}
ul.tematy span{font-size:.85rem;color:var(--slaby)}
footer .wew{padding-top:2.5rem;padding-bottom:2.5rem;color:var(--slaby);font-size:.85rem}
footer a{color:inherit;margin:0 .3rem}