/* masterjedi.ltd — dział ANALIZY (2026-08-20)
   Osobna konwencja od narzędzi: papierowe tło, szeryfowa typografia redakcyjna,
   liczby w mono. Narzędzia zostają jasne i techniczne; analizy mają czytać się
   jak materiał analityczny, nie jak kalkulator.
   Wersjonuj odnośnik (?v=RRRRMMDD) przy każdej zmianie — LiteSpeed trzyma statyki 30 dni. */

:root{
  --paper:#F7F5F1;        /* ciepły papier zamiast chłodnej szarości narzędzi */
  --panel:#FFFFFF;
  --panel2:#F1EDE6;
  --rule:#DED8CE;
  --rule-firm:#B9B1A3;
  --ink:#15191D;
  --muted:#5C6670;
  --faint:#8C9099;
  --accent:#8A5A16;       /* głębsze, spokojniejsze złoto niż w narzędziach */
  --accent-bg:#F0E7D8;
  --link:#16556B;         /* stonowany błękit atramentowy */
  --disp:'Source Serif 4','Source Serif Pro',Georgia,serif;
  --ui:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--disp);
  font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none;border-bottom:1px solid rgba(22,85,107,.28)}
a:hover{border-bottom-color:var(--link)}
::selection{background:var(--accent);color:#FFF}

.wrap{max-width:720px;margin:0 auto;padding:0 22px}
.wrap-wide{max-width:1080px;margin:0 auto;padding:0 22px}

/* ---------- nagłówek / stopka ---------- */
header.site{border-bottom:1px solid var(--rule);background:var(--paper)}
header.site .inner{max-width:1080px;margin:0 auto;padding:0 22px;height:60px;
  display:flex;justify-content:space-between;align-items:center}
header.site a{border:0}
.brand{font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:.1em;color:var(--accent)}
.brand em{font-style:normal;color:var(--muted);font-weight:400}
header.site nav{font-family:var(--ui);font-size:.82rem}
header.site nav a{color:var(--muted);margin-left:20px}
header.site nav a:hover{color:var(--ink)}
header.site nav a.on{color:var(--ink);font-weight:600}

footer.site{border-top:1px solid var(--rule);margin-top:56px;padding:30px 0 54px;
  font-family:var(--ui);font-size:.82rem;color:var(--muted);line-height:1.6}
footer.site .inner{max-width:1080px;margin:0 auto;padding:0 22px;
  display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
footer.site a{border:0;color:var(--muted)}
footer.site a:hover{color:var(--ink)}

/* ---------- typografia artykułu ---------- */
.eyebrow{font-family:var(--ui);font-size:.7rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent)}
h1{font-family:var(--disp);font-weight:600;font-size:clamp(2rem,5.2vw,3.05rem);
  line-height:1.14;letter-spacing:-.015em;margin-top:18px;max-width:16ch}
h1 .hl{color:var(--accent);font-style:italic}
.lede{font-size:1.24rem;line-height:1.62;color:#37414B;margin-top:22px}
.byline{margin-top:26px;padding-top:16px;border-top:1px solid var(--rule);
  font-family:var(--ui);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);display:flex;flex-wrap:wrap;gap:8px 20px}

article{padding-top:8px}
article section{padding:34px 0;border-top:1px solid var(--rule)}
article section:first-of-type{border-top:0;padding-top:24px}
h2{font-family:var(--disp);font-weight:600;font-size:1.62rem;line-height:1.24;
  letter-spacing:-.01em;margin-bottom:16px}
h3{font-family:var(--disp);font-weight:600;font-size:1.16rem;margin:26px 0 8px}
p{margin-bottom:17px}
p:last-child{margin-bottom:0}
strong{font-weight:600}
.kicker{font-family:var(--ui);font-size:.7rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.dropcap::first-letter{float:left;font-size:3.5rem;line-height:.86;padding:.06em .1em 0 0;
  font-weight:600;color:var(--accent)}

/* ---------- moduły danych ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.rcard{background:var(--panel);border:1px solid var(--rule);padding:22px 24px}
.rcard.a{border-left:3px solid var(--rule-firm)}
.rcard.b{border-left:3px solid var(--accent)}
.rcard .rl{font-family:var(--ui);font-size:.68rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.rcard .rv{font-family:var(--disp);font-weight:600;font-size:1.3rem;line-height:1.2}
.rcard.a .rv{color:var(--faint)}
.rcard.b .rv{color:var(--accent)}
.rcard .rs{font-family:var(--ui);font-size:.88rem;line-height:1.55;color:var(--muted);margin-top:10px}

.figures{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);margin:28px 0}
.fig{background:var(--panel);padding:20px 18px}
.fig .fv{font-family:var(--mono);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;
  word-spacing:-.18em;line-height:1.1}   /* mono rozstrzela spację tysięcy: 9 530 czyta się jak dwie liczby */
.fig.mark .fv{color:var(--accent)}
.fig .fl{font-family:var(--ui);font-size:.79rem;line-height:1.5;color:var(--muted);margin-top:10px}

table.data{width:100%;border-collapse:collapse;margin:24px 0;font-family:var(--ui);font-size:.88rem}
table.data caption{caption-side:top;text-align:left;font-family:var(--ui);font-size:.7rem;
  font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:10px}
table.data th{text-align:left;font-weight:600;color:var(--muted);font-size:.7rem;
  letter-spacing:.12em;text-transform:uppercase;padding:0 10px 9px 0;border-bottom:1px solid var(--rule-firm)}
table.data td{padding:9px 10px 9px 0;border-bottom:1px solid var(--rule);vertical-align:baseline}
table.data td.n,table.data th.n{text-align:right;font-family:var(--mono);font-size:.86rem;white-space:nowrap}
table.data tr:hover td{background:var(--panel2)}
table.data .rank{font-family:var(--mono);color:var(--faint);width:2.2em}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

ul.bullets{list-style:none;margin:6px 0 0}
ul.bullets li{position:relative;padding-left:22px;margin-bottom:12px}
ul.bullets li::before{content:"—";position:absolute;left:0;color:var(--accent)}

ol.steps{list-style:none;counter-reset:s;margin:8px 0 0}
ol.steps li{counter-increment:s;position:relative;padding-left:46px;margin-bottom:18px}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:.35em;width:28px;height:28px;
  border:1px solid var(--rule-firm);color:var(--accent);font-family:var(--mono);font-weight:700;
  font-size:.8rem;display:flex;align-items:center;justify-content:center}

.note{background:var(--panel2);border-left:3px solid var(--rule-firm);padding:20px 24px;margin:26px 0}
.note p{font-size:.98rem;color:var(--muted)}
.note p strong{color:var(--ink)}
.method{font-family:var(--ui);font-size:.86rem;line-height:1.65;color:var(--muted)}
.method p{margin-bottom:12px}

.faq details{border-bottom:1px solid var(--rule)}
.faq details:last-of-type{border-bottom:0}
.faq summary{cursor:pointer;list-style:none;padding:17px 36px 17px 0;position:relative;
  font-weight:600;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:15px;font-family:var(--mono);
  color:var(--accent);font-size:1.1rem}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 0 20px;color:var(--muted);font-size:.98rem}

.cta{background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--accent);
  padding:26px 28px;margin-top:10px}
.cta h2{font-size:1.24rem;margin-bottom:10px}
.cta p{font-size:1rem;color:var(--muted)}
.cta .btn{display:inline-block;margin-top:16px;font-family:var(--ui);font-weight:600;font-size:.86rem;
  letter-spacing:.03em;background:var(--ink);color:var(--paper);padding:12px 22px;border:0}
.cta .btn:hover{background:var(--accent)}

.next{margin-top:34px;padding-top:22px;border-top:1px solid var(--rule);font-family:var(--ui);font-size:.92rem}
.next .nl{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);display:block;margin-bottom:8px}

/* ---------- hub ---------- */
.hub-head{padding:64px 0 8px}
.hub-head h1{max-width:20ch}
.hub-list{margin-top:10px}
.hub-item{display:grid;grid-template-columns:120px 1fr;gap:26px;padding:30px 0;border-top:1px solid var(--rule)}
.hub-item .date{font-family:var(--mono);font-size:.78rem;color:var(--faint);padding-top:.5em;line-height:1.5}
.hub-item h2{font-size:1.42rem;margin-bottom:10px}
.hub-item h2 a{border:0;color:var(--ink)}
.hub-item h2 a:hover{color:var(--accent)}
.hub-item p{font-size:1rem;color:var(--muted);margin-bottom:10px}
.hub-item .tags{font-family:var(--mono);font-size:.72rem;color:var(--faint);letter-spacing:.06em}

@media(max-width:760px){
  body{font-size:17px}
  .split{grid-template-columns:1fr}
  .figures{grid-template-columns:1fr 1fr}
  .hub-item{grid-template-columns:1fr;gap:8px}
  .hub-item .date{padding-top:0}
  h1{max-width:none}
}