/* Wygląd artykułów Wiedzy (wiedza-*.html). Jeden plik dla wszystkich 36 artykułów. */
@view-transition{ navigation: auto }
@media (prefers-reduced-motion: reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){ animation:none!important }
  *{animation-duration:.001ms!important; transition-duration:.12s!important}
  .reveal--pre{transform:none}
}
::view-transition-old(root){ animation: vt-out 180ms cubic-bezier(.23,1,.32,1) both }
::view-transition-new(root){ animation: vt-in 260ms cubic-bezier(.23,1,.32,1) both }
@keyframes vt-out{ to{ opacity:0 } }
@keyframes vt-in{ from{ opacity:0; transform:translateY(8px) } }
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/bricolage-600-800-latin-ext.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:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/bricolage-600-800-latin.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:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hanken-400-latin-ext.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:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hanken-400-latin.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:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/hanken-600-latin-ext.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:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/hanken-600-latin.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:'Martian Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/martian-400-latin-ext.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:'Martian Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/martian-400-latin.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:'Martian Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/martian-600-latin-ext.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:'Martian Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/martian-600-latin.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}

:root{
  --paper:#F4F1EA; --card:#FFFFFF; --paper-ink:#1A1714; --paper-dim:#6B6459; --paper-line:#DBD5C7;
  --red:#FF3B2F; --red-paper:#C0281B;
  --ink-0:#0A0908; --ink-1:#12100E; --fg:#EDE9E3; --fg-dim:#9A928A;
  --ff-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --ff-body:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;
  --ff-mono:'Martian Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--paper); color:var(--paper-ink); font-family:var(--ff-body); font-size:16.5px; line-height:1.72; -webkit-font-smoothing:antialiased; padding-inline:20px}
img{display:block; max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--ff-display); font-weight:800; line-height:1.05; letter-spacing:-.02em; margin:0; text-wrap:balance}
::selection{background:var(--red); color:#fff}
:focus-visible{outline:2px solid var(--red-paper); outline-offset:3px; border-radius:1px}
.mono{font-family:var(--ff-mono); letter-spacing:.03em}

.top{padding:clamp(22px,5vw,32px) 0 0; max-width:660px; margin:0 auto}
.back{font-family:var(--ff-mono); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--paper-dim); text-decoration:none}
.back:hover{color:var(--red-paper)}

.article__head{max-width:660px; margin:28px auto 0}
.kicker{display:flex; align-items:center; gap:10px; margin:0 0 18px}
.kicker__rule{width:22px; height:1px; background:var(--red)}
.kicker span{font-family:var(--ff-mono); font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--red-paper)}
h1{font-size:clamp(28px,4.6vw,42px)}
.lede{font-size:18.5px; color:var(--paper-ink); margin-top:16px; max-width:640px}
.lede em{color:var(--paper-dim); font-style:normal}

.byline{display:flex; align-items:center; gap:10px; margin-top:18px; font-family:var(--ff-mono); font-size:13px; letter-spacing:.04em; color:var(--paper-dim)}
.byline::before{content:""; width:16px; height:1px; background:var(--red); flex:none}
.byline strong{color:var(--paper-ink); font-weight:600}
.byline a{color:inherit; text-decoration:underline; text-decoration-color:var(--paper-line); text-underline-offset:2px}
.section .note{font-size:14px; color:var(--paper-dim); font-style:italic}
.byline a:hover{color:var(--red-paper); text-decoration-color:var(--red-paper)}

.scenario{max-width:660px; margin:20px auto; background:var(--card); border:1px solid var(--paper-line); border-left:3px solid var(--red-paper); border-radius:2px; padding:18px 20px}
.scenario__label{font-family:var(--ff-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--red-paper); display:block; margin-bottom:8px}
.scenario p{margin:0; font-size:15px; color:var(--paper-ink); font-style:italic}

.section{max-width:660px; margin:0 auto; padding:30px 0; border-top:1px solid var(--paper-line)}
.section h2{font-size:21px; margin-bottom:14px}
.section p{margin:0 0 15px; color:var(--paper-dim); font-size:16.5px}
.section p strong{color:var(--paper-ink); font-weight:600}
.section .cite{font-size:14px; color:var(--paper-dim)}
.section .facts{margin:18px 0 0; padding:14px 16px; background:var(--card); border:1px solid var(--paper-line); border-left:3px solid var(--red-paper); border-radius:3px; font-size:15px; line-height:1.6}
.section .facts b{display:block; margin-bottom:4px; font-family:var(--ff-mono); font-size:12.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--red-paper)}
.section .cite a{text-decoration:underline; text-decoration-color:var(--paper-line); text-underline-offset:2px}
.section .cite a:hover{color:var(--red-paper); text-decoration-color:var(--red-paper)}

.stat-row{display:flex; gap:28px; flex-wrap:wrap; margin:22px 0 26px}
.stat{display:flex; flex-direction:column; gap:2px}
.stat__num{font-family:var(--ff-display); font-weight:800; font-size:clamp(40px,7vw,60px); line-height:1; letter-spacing:-.02em; color:var(--red-paper); font-variant-numeric:tabular-nums}
.stat__label{font-family:var(--ff-mono); font-size:12.5px; letter-spacing:.06em; color:var(--paper-dim); max-width:28ch}

figure{margin:22px 0 6px; max-width:660px; margin-inline:auto}
figure img{border-radius:3px; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover}
figcaption{display:flex; align-items:center; gap:8px; margin-top:10px}
figcaption .tick{width:14px; height:1px; background:var(--red-paper)}
figcaption span{font-family:var(--ff-mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--paper-dim)}

.protocol{max-width:660px; margin:8px auto 0; background:var(--ink-0); color:var(--fg); border-radius:3px; padding:30px}
.protocol__label{font-family:var(--ff-mono); font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); font-weight:600}
.protocol h3{font-family:var(--ff-display); font-weight:800; font-size:23px; color:var(--fg); margin:10px 0 20px; letter-spacing:-.01em}
.checklist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px}
.checklist li{display:flex; gap:12px; align-items:flex-start}
.checklist .box{width:15px; height:15px; border:2px solid var(--red); border-radius:2px; flex:none; margin-top:3px; background:var(--red)}
.checklist p{margin:0; font-size:15.5px; color:var(--fg)}
.checklist p b{font-family:var(--ff-mono); font-weight:600; font-size:13.5px; color:var(--fg-dim)}
.protocol__actions{display:flex; gap:12px; margin-top:24px; flex-wrap:wrap}
.btn{font-family:var(--ff-mono); font-size:13.5px; letter-spacing:.04em; padding:11px 18px; border-radius:3px; border:0; cursor:pointer; display:inline-flex; align-items:center; gap:8px}
.btn--solid{background:var(--red-paper); color:#fff}

.sources{max-width:660px; margin:36px auto 0; padding-top:26px; border-top:1px solid var(--paper-line)}
.sources__label{font-family:var(--ff-mono); font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--paper-dim); margin-bottom:14px; display:block}
.sources ol{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px}
.sources li{display:flex; gap:12px; font-size:14px; color:var(--paper-dim)}
.sources li .n{font-family:var(--ff-mono); color:var(--paper-dim); flex:none}
.sources a{text-decoration:underline; text-decoration-color:var(--paper-line); text-underline-offset:2px}
.sources a:hover{color:var(--red-paper); text-decoration-color:var(--red-paper)}

.next{max-width:660px; margin:40px auto 0; padding:20px 0; border-top:1px solid var(--paper-line); display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap}
.next a{font-family:var(--ff-mono); font-size:13px; letter-spacing:.05em; color:var(--paper-dim); text-decoration:none; border:1px solid var(--paper-line); padding:9px 16px; border-radius:999px}
.next a:hover{color:var(--paper-ink); border-color:var(--paper-dim)}

footer.foot{max-width:660px; margin:0 auto; border-top:1px solid var(--paper-line); padding:24px 0 48px; font-family:var(--ff-mono); font-size:13px; letter-spacing:.04em; color:var(--paper-dim); display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between}
footer.foot a{color:var(--paper-dim); text-decoration:none; border-bottom:1px solid var(--paper-line)}
footer.foot a:hover{color:var(--paper-ink); border-color:var(--paper-dim)}

.reveal--pre{opacity:0; transform:translateY(16px); transition:opacity .45s cubic-bezier(.23,1,.32,1), transform .5s cubic-bezier(.23,1,.32,1)}
.reveal--pre.reveal--in{opacity:1; transform:translateY(0)}

@media print{
  .top,.protocol__actions,footer.foot,.next{display:none}
  body{background:#fff; color:#111; padding-inline:0}
  .protocol{background:#fff; color:#111; border:1px solid #999}
  .checklist p,.checklist p b{color:#111}
  a{color:#111}
}
@media (max-width:640px){ .stat-row{gap:20px} .protocol{padding:22px} }