/* Linia Boczna - długa forma */
.art-gl{padding:48px 0 0}
.art-gl .wrap{max-width:1120px}
.okruchy{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--szary);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.okruchy a{text-decoration:underline;text-underline-offset:2px}
.art-gl h1{font-family:var(--kond);font-weight:900;font-size:92px;line-height:.9;letter-spacing:-.005em;margin:18px 0 22px;max-width:1040px;text-wrap:balance}
.art-gl h1 em{font-style:italic;color:var(--murawa)}
.art-lead{font-size:23px;line-height:1.45;max-width:780px;margin:0 0 28px;color:#1c2420}
.metr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;border-top:2px solid var(--tusz);border-bottom:1px solid var(--linia2);padding:12px 0;font-size:14px}
.metr b{font-weight:800}
.metr span{font-family:var(--mono);font-size:12px;color:var(--szary);text-transform:uppercase}
.metr .wyn-m{margin-left:auto;font-family:var(--kond);font-style:italic;font-weight:900;font-size:26px;text-transform:uppercase;color:var(--tusz);letter-spacing:.02em}
.metr .wyn-m i{display:inline-block;width:10px;height:14px;background:var(--czerw);transform:rotate(10deg);margin:0 6px 0 10px;vertical-align:-1px}

.art-uklad{display:grid;grid-template-columns:minmax(0,680px) 300px;gap:72px;justify-content:center;max-width:1120px;margin:0 auto;padding:40px var(--marg) 0}
.skrot{background:var(--karta);border:1px solid var(--linia);border-top:4px solid var(--murawa);padding:20px 24px 14px;margin:0 0 40px}
.skrot h2{font-family:var(--kond);font-style:italic;font-weight:900;text-transform:uppercase;font-size:28px;margin:0 0 8px;line-height:1}
.skrot ul{margin:0;padding:0;list-style:none}
.skrot li{position:relative;padding:9px 0 9px 22px;border-top:1px solid var(--linia);font-size:16px;line-height:1.45}
.skrot li:first-child{border-top:0}
.skrot li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:3px;background:var(--murawa)}

.tresc{font-size:19px;line-height:1.66;color:#141a17}
.tresc>p{margin:0 0 1.05em}
.tresc>p:first-of-type::first-letter{font-family:var(--kond);font-weight:900;font-style:italic;float:left;font-size:6.1em;line-height:.78;margin:.06em .1em 0 -.02em;color:var(--murawa)}
.tresc h2{font-family:var(--kond);font-weight:900;font-style:italic;text-transform:uppercase;font-size:42px;line-height:.95;margin:1.7em 0 .55em;letter-spacing:.005em;scroll-margin-top:90px}
.tresc h2 small{display:block;font-family:var(--mono);font-style:normal;font-weight:400;font-size:12px;color:var(--murawa);letter-spacing:.06em;margin-bottom:8px}
.tresc a{color:var(--murawa);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tresc a:hover{text-decoration-thickness:2px}
.tresc ul,.tresc ol{margin:0 0 1.2em;padding-left:1.3em}
.tresc li{margin:0 0 .45em;padding-left:.2em}
.tresc ol li::marker{font-family:var(--mono);font-weight:700;color:var(--murawa)}
.tresc ul li::marker{color:var(--murawa)}
.tresc q{quotes:"„" "”"}
.tresc blockquote.cyt{margin:1.6em 0;padding:0 0 0 22px;border-left:4px solid var(--murawa);font-size:20px;line-height:1.5}
.tresc blockquote.cyt p{margin:0 0 6px}
.tresc blockquote.cyt cite{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--szary);text-transform:uppercase}
.pull{margin:2em -40px;padding:26px 0 22px;border-top:2px solid var(--tusz);border-bottom:2px solid var(--tusz);position:relative}
.pull p{font-family:var(--kond);font-weight:800;font-style:italic;font-size:44px;line-height:1.02;margin:0;color:var(--tusz);text-wrap:balance}
.pull p b{color:var(--murawa);font-weight:900}
.pull span{display:block;margin-top:12px;font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--szary)}
.ramka{background:var(--karta);border:1px solid var(--linia);padding:18px 22px;margin:1.6em 0;font-size:16px;line-height:1.55}
.ramka h3{font-family:var(--kond);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;margin:0 0 8px}
.ramka ul{margin:0;padding-left:1.1em}
.ramka li{margin:0 0 .4em}

figure.wyk-f{margin:2em 0 2.2em}
figure.wyk-f.szer{margin-left:-60px;margin-right:-60px}
.wyk{width:100%;height:auto;display:block;overflow:visible}
figure.wyk-f figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:#2c3430;border-top:1px solid var(--linia2);padding-top:10px}
figure.wyk-f figcaption b{font-family:var(--kond);font-style:italic;font-weight:900;text-transform:uppercase;font-size:18px;color:var(--tusz);margin-right:6px}
figure.wyk-f figcaption .zrodlo{display:block;margin-top:4px}
.fig-t{font-family:var(--kond);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.fig-t i{width:12px;height:12px;background:var(--murawa);display:inline-block}
.rys{stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 2s ease}
.in .rys{stroke-dashoffset:0}
.zrzut .rys{stroke-dashoffset:0}

/* tabela statystyk */
.st{width:100%;border-collapse:collapse;font-size:15px;background:var(--karta);border:1px solid var(--linia)}
.st th{font-family:var(--mono);font-weight:400;font-size:11px;text-transform:uppercase;color:var(--szary);padding:9px 12px;border-bottom:2px solid var(--tusz);text-align:right}
.st th:nth-child(2){text-align:center}
.st th:first-child{text-align:right}
.st td{padding:9px 12px;border-bottom:1px solid var(--linia);font-family:var(--mono);font-variant-numeric:tabular-nums}
.st td:first-child{text-align:right;font-weight:700;width:22%}
.st td:last-child{text-align:left;color:var(--szary);width:22%}
.st td.m{font-family:var(--sans);font-weight:700;text-align:center;font-size:14px}
.st .bar{display:flex;height:6px;margin-top:6px;background:var(--tusz)}
.st .bar i{background:var(--murawa);display:block;height:6px}
.tab-b4{width:100%;border-collapse:collapse;font-size:15px;background:var(--karta);border:1px solid var(--linia)}
.tab-b4 th{font-family:var(--mono);font-weight:400;font-size:11px;text-transform:uppercase;color:var(--szary);padding:9px 10px;border-bottom:2px solid var(--tusz);text-align:right}
.tab-b4 th:nth-child(2){text-align:left}
.tab-b4 td{padding:11px 10px;border-bottom:1px solid var(--linia);text-align:right;font-family:var(--mono)}
.tab-b4 td:nth-child(2){text-align:left;font-family:var(--sans);font-weight:800}
.tab-b4 td:first-child{border-left:5px solid transparent;text-align:left}
.tab-b4 tr.z1 td:first-child{border-left-color:var(--murawa)}.tab-b4 tr.z2 td:first-child{border-left-color:#7fb596}.tab-b4 tr.z4 td:first-child{border-left-color:var(--czerw)}
.tab-b4 tr.pol{background:#f0f6f2}
.tab-b4 b{font-size:17px}

/* bok */
.bok{position:relative}
.bok__in{position:sticky;top:96px;display:flex;flex-direction:column;gap:28px}
.spis h3,.bok-k h3{font-family:var(--mono);font-weight:400;font-size:11px;text-transform:uppercase;color:var(--szary);margin:0 0 8px;letter-spacing:.06em}
.spis ol{list-style:none;margin:0;padding:0;counter-reset:s;border-top:2px solid var(--tusz)}
.spis li a{display:grid;grid-template-columns:26px 1fr;gap:6px;padding:9px 0;border-bottom:1px solid var(--linia);font-size:14px;font-weight:700;line-height:1.3;color:var(--szary);transition:color .15s}
.spis li a::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--mono);font-weight:400;font-size:11px;padding-top:2px}
.spis li a:hover,.spis li a.akt{color:var(--tusz)}
.spis li a.akt::before{color:var(--murawa);font-weight:700}
.bok-k{background:var(--murawa);color:#fff;padding:16px 18px}
.bok-k h3{color:#cfe2d6}
.bok-k .w{font-family:var(--kond);font-weight:900;font-style:italic;font-size:64px;line-height:.85;margin-bottom:10px}
.bok-k dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:13px}
.bok-k dt{color:#d6e7dc}
.bok-k dd{margin:0;font-family:var(--mono);font-weight:700;text-align:right}
.postep{position:fixed;left:0;top:0;height:3px;background:var(--murawa);width:0;z-index:50}

/* źródła, z sieci, autor */
.zrodla{margin-top:56px;border-top:2px solid var(--tusz);padding-top:14px}
.zrodla h2{font-family:var(--kond);font-style:italic;font-weight:900;text-transform:uppercase;font-size:30px;margin:0 0 10px}
.zrodla ol{margin:0;padding-left:1.6em;font-size:14px;line-height:1.5;color:#2c3430}
.zrodla li{margin:0 0 6px}
.zrodla li::marker{font-family:var(--mono);font-size:12px;color:var(--szary)}
.zrodla a{text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.autor{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;margin-top:36px;padding:18px 0;border-top:1px solid var(--linia2);border-bottom:1px solid var(--linia2)}
.autor__z{width:56px;height:56px;background:var(--tusz);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--kond);font-weight:900;font-style:italic;font-size:26px}
.autor p{margin:0;font-size:15px;line-height:1.45}
.autor b{display:block;font-size:17px}
.z-sieci-a{max-width:1120px;margin:72px auto 0;padding:0 var(--marg)}
.z-sieci-a h2{font-family:var(--kond);font-style:italic;font-weight:900;text-transform:uppercase;font-size:44px;margin:0 0 18px;border-top:2px solid var(--tusz);padding-top:12px;line-height:1}
.zs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zs a{background:var(--karta);border:1px solid var(--linia);padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s;border-top:5px solid var(--c)}
.zs a:hover{transform:translateY(-3px);border-color:var(--tusz);border-top-color:var(--c)}
.zs small{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--szary)}
.zs strong{font-family:var(--kond);font-weight:800;font-size:28px;line-height:1}
.zs span{font-size:14px;color:var(--szary);margin-top:auto}

@media (max-width:1100px){
  .art-uklad{grid-template-columns:minmax(0,680px);gap:0}
  .bok{display:none}
  .art-gl h1{font-size:76px}
  figure.wyk-f.szer{margin-left:0;margin-right:0}
  .pull{margin-left:0;margin-right:0}
  .zs{grid-template-columns:1fr}
}
@media (max-width:640px){
  .art-gl{padding-top:28px}
  .art-gl h1{font-size:52px;line-height:.92}
  .art-lead{font-size:19px}
  .metr .wyn-m{margin-left:0;width:100%;font-size:22px}
  .art-uklad{padding-top:28px}
  .skrot{padding:16px 16px 10px;margin-bottom:30px}
  .tresc{font-size:18px;line-height:1.62}
  .tresc h2{font-size:34px}
  .pull p{font-size:34px}
  .tresc blockquote.cyt{font-size:18px;padding-left:16px}
  .st,.tab-b4{font-size:13px}
  .st th,.st td,.tab-b4 th,.tab-b4 td{padding:8px 6px}
  .tab-b4 .ukr{display:none}
  .z-sieci-a h2{font-size:36px}
}
.wyk-skr{position:relative}
.tylko-m{display:none}
@media (max-width:640px){
  .wyk-skr{overflow-x:auto;margin:0 calc(-1*var(--marg));padding:0 var(--marg);scrollbar-width:thin}
  .wyk-skr .wyk{min-width:600px}
  .tylko-d{display:none!important}
  .tylko-m{display:block}
  .wyk-f:has(.wyk-skr:not(.tylko-d)) figcaption::before{content:"← przewiń wykres w bok →";display:block;font-family:var(--mono);font-size:11px;color:var(--murawa);margin-bottom:6px}
}
.art-foto{max-width:1120px;margin:32px auto 0;padding:0 var(--marg)}
.art-foto .foto{max-width:860px}
.tresc .foto{margin:2em 0}
.wyn-tab{display:grid;grid-template-columns:auto 1fr auto;gap:0;border:2px solid var(--tusz);background:var(--karta);margin:0 0 36px}
.wyn-tab .wyn-tab__z{display:contents;padding:0;border:0}
.wyn-tab div{padding:10px 14px;border-bottom:1px solid var(--linia);font-family:var(--mono);font-size:15px;display:flex;align-items:center}
.wyn-tab .n{font-family:var(--sans);font-weight:800;font-size:18px;gap:10px}
.wyn-tab .n i{width:10px;height:10px;display:inline-block}
.wyn-tab .s{gap:22px;justify-content:flex-end;font-weight:700;font-size:20px}
.wyn-tab .s sup{font-size:11px;color:var(--szary);font-weight:400}
.wyn-tab .w{font-family:var(--kond);font-style:italic;font-weight:900;font-size:30px;justify-content:center;min-width:56px;background:var(--kreda)}
.wyn-tab .lider .w{background:var(--murawa);color:#fff}
.wyn-tab .meta{grid-column:1/-1;border-bottom:0;font-size:11px;color:var(--szary);text-transform:uppercase;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:640px){.wyn-tab .s{gap:12px;font-size:17px}.wyn-tab .n{font-size:16px}.wyn-tab div{padding:9px 10px}}