/* Podstrony obu domen (kroki, słownik, oszustwa, testy, o nas). Kolory z motywu strony: .k (krypto) albo .t (trading). */
.k{--c-bg:var(--paper);--c-card:var(--card);--c-acc:var(--teal);--c-acc-ink:#fff;--c-ink2:var(--ink2);--c-soft:var(--tealSoft);--c-bad:var(--bad);--c-ok:var(--ok);--c-warn:var(--warn)}
.t{--c-bg:var(--bg);--c-card:var(--panel);--c-acc:var(--amber);--c-acc-ink:var(--amberInk);--c-ink2:var(--mute);--c-soft:#221a0b;--c-bad:var(--loss);--c-ok:var(--blue);--c-warn:var(--amber)}
.pg{padding-block:clamp(28px,5vw,56px) clamp(56px,8vw,96px)}
.pg .wrap{display:grid;gap:28px}
.crumbs{display:flex;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--mute)}
.crumbs a{color:var(--mute)}
.pg-head{display:grid;gap:14px;max-width:820px}
.pg-head h1{font-size:clamp(34px,5vw,58px)}
.pg-head .lead{font-size:clamp(17px,1.6vw,20px)}
.art{display:grid;gap:22px;max-width:760px}
.art h2{font-size:clamp(24px,3vw,32px)}
.art p{line-height:1.7}
.box{background:var(--c-card);border:1px solid var(--line);border-radius:18px;padding:clamp(16px,3vw,26px);display:grid;gap:12px;min-width:0}
.box h2,.box h3{font-size:clamp(20px,2.4vw,26px)}
.box.acc{border:2px solid var(--c-acc)}
.box.trap{border-left:5px solid var(--c-bad)}
.box.trap .lbl{color:var(--c-bad)}
.lbl{font-family:"Martian Mono","JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);font-weight:600}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.list{margin:0;padding-left:22px;display:grid;gap:8px}
.list.bad li::marker{color:var(--c-bad)}
.list.ok li::marker{color:var(--c-ok)}
.src-list{margin:0;padding-left:20px;display:grid;gap:4px;font-size:14px;color:var(--mute)}
.src-list a{overflow-wrap:anywhere}
.stepnav{display:flex;gap:6px;flex-wrap:wrap}
.stepnav a{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700;background:var(--c-card)}
.stepnav a.on{background:var(--c-acc);border-color:var(--c-acc);color:var(--c-acc-ink)}
.stepnav a.done{border-color:var(--c-ok);color:var(--c-ok)}
.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.check-list label{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--c-bg);cursor:pointer}
.check-list input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--c-acc)}
.done-btn{justify-self:start}
.tool{background:var(--c-soft);border:2px solid var(--c-acc);border-radius:18px;padding:clamp(16px,3vw,26px);display:grid;gap:14px;min-width:0}
.tool h2{font-size:clamp(22px,2.6vw,28px)}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.field{display:grid;gap:6px}
.field label,.field legend{font-weight:700;font-size:15px}
.field input[type=number],.field input[type=text]{min-height:50px;border:2px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-size:18px;background:var(--c-card);color:var(--ink);width:100%}
.field input[type=range]{width:100%;accent-color:var(--c-acc)}
fieldset.field{border:0;padding:0;margin:0}
.radios{display:flex;gap:8px;flex-wrap:wrap}
.radios label{display:flex;gap:8px;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--c-card);cursor:pointer;font-weight:600;font-size:15px}
.radios input{accent-color:var(--c-acc)}
.out{background:var(--c-card);border-radius:14px;padding:14px 16px;display:grid;gap:6px;border:1px solid var(--line)}
.out .big{font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.05;font-family:inherit}
.out .note{font-size:14px;color:var(--mute)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.tcard{background:var(--c-card);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--ink)}
.tcard:hover{border-color:var(--c-acc);color:var(--ink)}
.tcard h3{font-size:20px}
.tcard .go{color:var(--c-acc);font-weight:700}
.tcard .meta{font-size:13px;color:var(--mute)}
.tcard.done{border-color:var(--c-ok)}
.az{display:flex;gap:6px;flex-wrap:wrap}
.az button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--c-card);color:var(--ink);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.az button.on{background:var(--c-acc);border-color:var(--c-acc);color:var(--c-acc-ink)}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:t}
.timeline li{counter-increment:t;display:grid;grid-template-columns:44px 1fr;gap:12px;padding-bottom:16px;position:relative}
.timeline li::before{content:counter(t);width:36px;height:36px;border-radius:50%;background:var(--c-bad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}
.timeline li::after{content:"";position:absolute;left:17px;top:38px;bottom:0;width:2px;background:var(--line)}
.timeline li:last-child::after{display:none}
.stage{display:grid;gap:10px}
.stage h3{font-size:20px}
.stage ol{margin:0;padding-left:22px;display:grid;gap:10px}
.stage ol b{display:block}
.contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.contact{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--c-card);display:grid;gap:4px;font-size:15px}
.quiz-wrap{display:grid;gap:16px;max-width:620px}
.qcard{background:var(--c-card);border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;gap:14px;box-shadow:0 20px 50px -30px rgba(0,0,0,.4)}
.qcard .msg{border-radius:18px 18px 18px 6px;padding:14px 16px;display:grid;gap:6px;background:var(--c-bg)}
.qcard .from{font-weight:700;font-size:14px;color:var(--c-ink2)}
.qbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qbtns button,.qopt{min-height:54px;border-radius:12px;border:2px solid var(--ink);background:var(--c-card);color:var(--ink);font:inherit;font-weight:700;font-size:16px;cursor:pointer;text-align:center;padding:8px 12px}
.qopt{text-align:left;font-weight:500;border-width:1px;border-color:var(--line)}
.qopt:hover,.qbtns button:hover{border-color:var(--c-acc)}
.qres{border-radius:14px;padding:14px 16px;display:grid;gap:8px}
.qres.good{background:color-mix(in srgb,var(--c-ok) 14%,transparent);border:1px solid var(--c-ok)}
.qres.badr{background:color-mix(in srgb,var(--c-bad) 12%,transparent);border:1px solid var(--c-bad)}
.qprog{display:flex;justify-content:space-between;font-size:13px;color:var(--mute);font-family:"Martian Mono","JetBrains Mono",monospace}
.qbar{height:6px;background:var(--line);border-radius:99px;overflow:hidden}
.qbar i{display:block;height:100%;background:var(--c-acc)}
.score{font-size:clamp(44px,8vw,80px);font-weight:900;line-height:1}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.person{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;background:var(--c-card);border:1px solid var(--line);border-radius:16px;padding:14px}
.person img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.person b{display:block;font-size:18px}
.person span{font-size:14px;color:var(--c-ink2)}
.person em{font-style:normal;font-size:14px;display:block;margin-top:4px}
.faces{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.faces .imgs{display:flex}
.faces img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--c-card);margin-left:-8px}
.faces img:first-child{margin-left:0}
.faces span{font-size:14px;color:var(--c-ink2)}
@media (max-width:640px){.qbtns{grid-template-columns:1fr}}
.pg .tbl{overflow-x:auto}
.t .pg table{border-collapse:collapse;width:100%;font-size:15px}
.t .pg th,.t .pg td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.t .pg td{white-space:nowrap}
.t .pg th{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:500}
.t .pg th.r,.t .pg td.r{text-align:right;font-variant-numeric:tabular-nums}
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:17px;min-height:32px}
.faq details p{margin:10px 0 0;line-height:1.7}
.bars{display:grid;gap:10px}
.yb{display:grid;grid-template-columns:48px 1fr 64px;gap:10px;align-items:center;font-variant-numeric:tabular-nums}
.yb i{display:block;height:22px;border-radius:6px;background:var(--c-bad)}
.yb b{text-align:right}
.dots100{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-width:300px}
.dots100 i{aspect-ratio:1;border-radius:50%;background:var(--c-ok)}
.dots100 i.l{background:var(--c-bad)}
.lq{display:grid;gap:18px}
.lq-q{display:grid;gap:8px}
.lq-q p{margin:0}
.t .tcard{color:var(--ink)}
.t .tcard h3{color:var(--amber)}
.t .tcard p{color:var(--mute)}
.k .tcard{color:var(--ink)}
.k .tcard h3{color:var(--teal)}
.k .tcard p{color:var(--ink2)}
html[data-skin="v2"] .k .tcard p,html[data-skin="v3"] .k .tcard p{color:inherit}