/* Krypto na Lata · poradnik (artykuły SEO). Tokeny i przyciski z ../style.css. */
.artykul{padding:28px 0 64px}
.artykul .wrap{max-width:780px}
.okruszki{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:14px;color:var(--ink-3);margin-bottom:22px}
.okruszki a{color:var(--ink-2);text-decoration:none}
.okruszki a:hover{text-decoration:underline}
.artykul h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:14px}
.meta-art{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14.5px;color:var(--ink-3);margin-bottom:28px}
.meta-art img{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.tresc{font-size:18px;line-height:1.7}
.tresc > p:first-child{font-size:1.08em;color:var(--ink);background:var(--amber-wash);border-left:4px solid var(--amber);padding:16px 18px;border-radius:0 var(--r-s) var(--r-s) 0}
.tresc h2{font-size:clamp(1.4rem,3vw,1.8rem);margin:44px 0 12px;scroll-margin-top:80px}
.tresc ul{padding-left:1.2em;margin:0 0 18px}
.tresc li{margin:7px 0}
.tresc a{color:var(--amber-ink);text-underline-offset:3px}
.tresc .przyklad{font-size:16px;color:var(--ink-2);border:1px dashed var(--line-2);border-radius:var(--r-s);padding:12px 14px}
.tresc .faq{margin-top:8px}

/* ── narzędzia ── */
.narzedzie{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:30px 0;box-shadow:var(--shadow);font-size:16.5px;line-height:1.5}
.narzedzie h3{font-size:1.3rem;margin:0 0 16px}
.n-pyt{display:block;margin:0 0 18px}
.n-pyt p{margin:0 0 8px;font-weight:600;color:var(--ink)}
.n-wybor{display:flex;flex-wrap:wrap;gap:8px}
.n-wybor button{font:500 15.5px Inter,sans-serif;min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--bg);color:var(--ink);cursor:pointer}
.n-wybor button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.narzedzie input{font:500 16px Inter,sans-serif;padding:11px 12px;border-radius:10px;border:1.5px solid var(--line-2);background:var(--bg);color:var(--ink);min-width:0}
.narzedzie input:focus{outline:none;border-color:var(--amber)}
.n-kwota{display:inline-flex;align-items:center;gap:8px}
.n-kwota input{font:600 20px "JetBrains Mono",monospace;width:11em}
.n-obrazy{list-style:none;padding:0;margin:4px 0 16px}
.n-obrazy li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding:9px 0}
.n-obrazy span{color:var(--ink-2)}
.n-obrazy b{font:700 18px "JetBrains Mono",monospace;color:var(--ink);white-space:nowrap}
.n-pytanie{font-weight:600;margin:0 0 8px}
.n-werdykt{font-weight:600;margin:14px 0 6px;min-height:1px}
.n-werdykt.ok{color:var(--sage)}
.n-werdykt.stop{color:var(--rust)}
.n-schodek{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;margin-bottom:12px}
.n-schodek label{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
.n-schodek .n-war{flex:1}
.n-czesc{width:4.4em;text-align:right;font-family:"JetBrains Mono",monospace}
.n-cel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ink-2);margin:6px 0 4px}
.n-cel .n-na{flex:1 1 220px}
@media (max-width:640px){.n-schodek{grid-template-columns:1fr;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}}
.n-plan{display:block;white-space:pre-line;background:var(--bg-2);border-radius:var(--r-s);padding:14px 16px;margin:14px 0 10px;font:500 15px/1.6 "JetBrains Mono",monospace;color:var(--ink)}
.n-plan:empty{display:none}
.n-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.n-akcje .btn:disabled{opacity:.5;cursor:default}

/* ── boks kursu, źródła, dalej ── */
.boks-kurs{margin:44px 0 28px;background:var(--amber-wash);border:1px solid var(--amber);border-radius:var(--r);padding:26px}
.boks-kurs h2{font-size:1.5rem;margin:0 0 10px}
.boks-kurs .pole-tresc{font:500 14.5px/1.55 "JetBrains Mono",monospace;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 13px}
.zrodla h2{font-size:1.2rem;margin-bottom:8px}
.zrodla ol{padding-left:1.2em;font-size:15px;color:var(--ink-2)}
.zrodla li{margin:6px 0}
.zrodla a{color:var(--ink-2)}
.dalej-art{margin-top:26px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:20px}
.dalej-art span{font:600 12px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-ink)}
.dalej-art a{font:600 1.15rem/1.3 "Space Grotesk",sans-serif;color:var(--ink)}

/* ── spis ── */
.spis{list-style:none;padding:0;display:grid;gap:14px;margin-top:26px}
.spis a{display:grid;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink-2);box-shadow:var(--shadow)}
.spis a:hover{border-color:var(--amber)}
.spis .eyebrow{margin:0}
.spis b{font:600 1.25rem/1.25 "Space Grotesk",sans-serif;color:var(--ink)}

/* ── podstrony: transkrypcja, pola Karty, zdjęcia, tabela ── */
.transkrypcja{border-left:3px solid var(--line-2);padding-left:18px;margin:10px 0 24px;font-size:17px;color:var(--ink-2)}
.transkrypcja h3{font-size:1.05rem;margin:22px 0 6px;color:var(--ink)}
.karta-pola section{margin:0 0 18px;padding:0}
.karta-pola h3{font:600 12px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-ink);margin:0 0 8px}
.karta-pola ol{margin:0;padding:0 0 0 1.6em}
.karta-pola li{margin:0 0 10px;padding-left:4px}
.karta-pola li b{display:block;color:var(--ink)}
.karta-pola li .pole-tresc{display:block;font:500 14px/1.5 "JetBrains Mono",monospace;color:var(--ink-2)}
.karta-pola li .drobne{display:block}
.zdjecia{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:14px;align-items:end;margin:18px 0 6px}
.zdjecia figure{margin:0}
.zdjecia img{width:100%;border-radius:10px;border:1px solid var(--line);box-shadow:var(--shadow)}
.zdjecia .tel img{border-radius:18px;border:6px solid #1B1F26}
.zdjecia figcaption{font-size:13.5px;color:var(--ink-3);margin-top:6px}
@media (max-width:640px){.zdjecia{grid-template-columns:1fr 1fr}.zdjecia figure:first-child{grid-column:1/-1}}
.tabela{margin:14px 0 22px}
.tabela table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.tabela th,.tabela td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.tabela thead th{font:600 12.5px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-ink)}
.tabela tbody th{font-weight:600;color:var(--ink);width:30%}
@media (max-width:640px){.tabela table{font-size:14px}.tabela th,.tabela td{padding:8px 5px}}
.n-wynik-wybor{margin-top:6px}
.n-wynik-wybor .werdykt-b{border-radius:var(--r-s);padding:14px 16px;background:var(--bg-2)}
.n-wynik-wybor .werdykt-b b{display:block;color:var(--ink);font:600 1.1rem "Space Grotesk",sans-serif;margin-bottom:4px}
.n-wynik-wybor .werdykt-b p{margin:0 0 10px;color:var(--ink-2)}

/* ── sprzedaż w treści: pasek kursu, wezwanie w środku, przyklejony przycisk ── */
.pasek-kursu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:-10px 0 26px;padding:10px 14px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--card);font-size:15px;color:var(--ink-2)}
.pasek-kursu b{color:var(--ink)}
.pasek-kursu a{font-weight:600;color:var(--amber-ink);white-space:nowrap}
.cta-srodek{margin:34px 0;padding:22px 22px 18px;border-radius:var(--r);background:var(--ink);color:#EDEBE6}
.cta-srodek .eyebrow{color:#F6B962}
.cta-srodek .eyebrow::before{color:#F0A63C}
.cta-srodek .cta-h{font:700 clamp(1.3rem,3vw,1.6rem)/1.2 "Space Grotesk",sans-serif;color:#FFFFFF;margin:0 0 6px}
.cta-srodek .lista{margin:10px 0 16px}
.cta-srodek .lista li{color:#E4E1DA;font-size:16px}
.cta-srodek .lista li::before{color:#F0A63C}
.cta-srodek .btn.obrys{color:#FFFFFF;border-color:#5E6673}
.cta-srodek .btn.obrys:hover{border-color:#C4CAD3}
:root[data-theme="dark"] .cta-srodek{background:#1E2530;border:1px solid var(--line-2)} /* w ciemnym --ink jest jasny */