/* Poradnik „Cyberzagrożenia” – prosty język, mocne elementy wizualne (spójne ze stroną cyberbezpieczenstwo). */
body.styl-lkh .ac {
    --ac-noc:#050d17; --ac-noc2:#0a1726; --ac-turkus:#3ee6c4; --ac-cyjan:#38bdf8; --ac-fiolet:#a78bfa; --ac-czerwony:#fb7185; --ac-zolty:#fbbf24;
    --ac-gradient:linear-gradient(100deg,#3ee6c4 0%,#38bdf8 55%,#a78bfa 100%);
    background:var(--lkh-tlo); color:var(--lkh-tekst);
}
body.styl-lkh .ac-gradient { background:var(--ac-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* Nagłówek */
body.styl-lkh .ac-hero { position:relative; isolation:isolate; overflow:hidden; padding:clamp(2.5rem,6vw,5rem) 0 clamp(2rem,4vw,3rem); color:#e8f1f7; background:radial-gradient(ellipse at 75% 0%,#123049 0%,var(--ac-noc) 62%); }
body.styl-lkh .ac-hero-tlo { position:absolute; inset:0; z-index:-1; background-image:linear-gradient(rgba(120,200,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.06) 1px,transparent 1px); background-size:56px 56px; mask-image:radial-gradient(ellipse 80% 70% at 70% 30%,#000 30%,transparent 80%); -webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 30%,#000 30%,transparent 80%); }
body.styl-lkh .ac-powrot { display:inline-block; margin-bottom:2rem; color:#9db0c2; font-size:.9rem; text-decoration:underline; text-underline-offset:.25rem; }
body.styl-lkh .ac-powrot:hover { color:var(--ac-turkus); }
body.styl-lkh .ac-plakietka { display:inline-block; margin:0 0 1.3rem; padding:.4rem .9rem; border:1px solid rgba(62,230,196,.35); border-radius:999px; background:rgba(62,230,196,.08); color:#bff7ea; font-size:.82rem; font-weight:600; }
body.styl-lkh .ac h1 { max-width:18ch; margin:0 0 1.4rem; color:#fff; font-family:'Space Grotesk',sans-serif; font-size:clamp(2.4rem,5.5vw,4.6rem); font-weight:700; line-height:1.05; letter-spacing:-.045em; background:none; -webkit-text-fill-color:currentColor; }
body.styl-lkh .ac h1 .ac-gradient { -webkit-text-fill-color:transparent; }
body.styl-lkh .ac-lead { max-width:62ch; margin:0 0 2.2rem; color:#b9c9d6; font-size:clamp(1.05rem,1.5vw,1.2rem); line-height:1.75; }
body.styl-lkh .ac-liczby { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; max-width:60rem; margin:0 0 1.6rem; }
body.styl-lkh .ac-liczby > div { padding:1.2rem 1.3rem; border:1px solid rgba(148,190,220,.16); border-radius:1.1rem; background:rgba(255,255,255,.035); }
body.styl-lkh .ac-liczby dt { margin-bottom:.35rem; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.8rem,3.2vw,2.6rem); font-weight:700; line-height:1; letter-spacing:-.03em; background:var(--ac-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body.styl-lkh .ac-liczby dd { margin:0; color:#9db0c2; font-size:.85rem; line-height:1.5; }
body.styl-lkh .ac-meta { margin:0; color:#7f93a6; font-size:.8rem; }
body.styl-lkh .ac-hero .ac-przypis { color:var(--ac-turkus); }

/* Układ */
body.styl-lkh .ac-uklad { display:grid; grid-template-columns:minmax(12rem,1fr) minmax(0,3.2fr); align-items:start; gap:clamp(2rem,5vw,4.5rem); padding-block:clamp(2rem,5vw,4rem); }
body.styl-lkh .ac-spis { position:sticky; top:6rem; padding:1.3rem; border:1px solid var(--lkh-linia); border-radius:1rem; background:var(--lkh-powierzchnia); }
body.styl-lkh .ac-spis p { margin:0 0 .8rem; font-weight:700; }
body.styl-lkh .ac-spis ol { margin:0; padding-left:1.2rem; color:var(--lkh-opis); }
body.styl-lkh .ac-spis li { margin:0 0 .6rem; font-size:.88rem; line-height:1.5; }
body.styl-lkh .ac-spis a { color:inherit; text-decoration:none; }
body.styl-lkh .ac-spis a:hover { color:var(--lkh-akcent); text-decoration:underline; }
body.styl-lkh .ac-tresc { min-width:0; max-width:52rem; }
body.styl-lkh .ac-tresc > section { padding-bottom:clamp(2.5rem,5vw,3.5rem); margin-bottom:clamp(2.5rem,5vw,3.5rem); border-bottom:1px solid var(--lkh-linia); scroll-margin-top:7rem; }
body.styl-lkh .ac-tresc h2 { margin:0 0 1rem; color:var(--lkh-tekst); font-family:'Space Grotesk',sans-serif; font-size:clamp(1.7rem,3.2vw,2.5rem); line-height:1.15; letter-spacing:-.035em; }
body.styl-lkh .ac-tresc h3 { margin:0; color:var(--lkh-tekst); font-size:1.12rem; line-height:1.35; }
body.styl-lkh .ac-tresc p, body.styl-lkh .ac-tresc li { color:var(--lkh-opis); font-size:1.05rem; line-height:1.75; }
body.styl-lkh .ac-tresc p { margin:0 0 1rem; }
body.styl-lkh .ac-wstep { font-size:1.12rem !important; }
body.styl-lkh .ac-przypis { font-size:.75em; color:var(--lkh-akcent); text-decoration:none; vertical-align:super; }

/* Scenki */
body.styl-lkh .ac-scenki { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; margin-top:1.5rem; }
body.styl-lkh .ac-scenka { display:flex; flex-direction:column; padding:1.5rem; border:1px solid var(--lkh-linia); border-radius:1.3rem; background:var(--lkh-powierzchnia); transition:transform .3s, box-shadow .3s; }
body.styl-lkh .ac-scenka:hover { transform:translateY(-4px); box-shadow:0 26px 50px -30px color-mix(in srgb,var(--lkh-akcent) 60%,transparent); }
body.styl-lkh .ac-scenka header { display:flex; align-items:center; gap:.8rem; margin-bottom:1rem; }
body.styl-lkh .ac-ikona { flex-shrink:0; width:2.8rem; height:2.8rem; display:grid; place-items:center; border-radius:.9rem; font-size:1.15rem; }
body.styl-lkh .ac-czerwona { color:#e11d48; background:rgba(225,29,72,.1); } body.styl-lkh .ac-fiolet { color:#7c3aed; background:rgba(124,58,237,.1); }
body.styl-lkh .ac-zolta { color:#d97706; background:rgba(217,119,6,.12); } body.styl-lkh .ac-niebieska { color:#0284c7; background:rgba(2,132,199,.1); }
body.styl-lkh.dark-mode .ac-czerwona { color:#fb7185; } body.styl-lkh.dark-mode .ac-fiolet { color:#c4b5fd; } body.styl-lkh.dark-mode .ac-zolta { color:#fcd34d; } body.styl-lkh.dark-mode .ac-niebieska { color:#7dd3fc; }
body.styl-lkh .ac-wiadomosc { position:relative; margin:0 0 1.1rem !important; padding:.8rem 1rem; border-radius:1rem 1rem 1rem .3rem; background:#1f2b3a; color:#dbe6f0 !important; font-size:.92rem !important; line-height:1.55 !important; }
body.styl-lkh .ac-wiadomosc u { color:#ff9aa9; }
body.styl-lkh .ac-scenka dl { margin:0; display:grid; gap:.25rem; }
body.styl-lkh .ac-scenka dt { margin-top:.6rem; color:var(--lkh-tekst); font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
body.styl-lkh .ac-scenka dd { margin:0; color:var(--lkh-opis); font-size:.95rem; line-height:1.6; }
body.styl-lkh .ac-scenka dt.ac-lkh { margin-top:1rem; padding-top:.9rem; border-top:1px dashed var(--lkh-linia); color:var(--lkh-akcent); }
body.styl-lkh .ac-scenka dd.ac-lkh { color:var(--lkh-tekst); }

/* Dzieci */
body.styl-lkh .ac-dwie { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; margin-top:1.4rem; }
body.styl-lkh .ac-pole { padding:1.5rem; border-radius:1.3rem; background:var(--lkh-panel); }
body.styl-lkh .ac-pole h3 { display:flex; gap:.55rem; align-items:center; margin-bottom:.8rem; }
body.styl-lkh .ac-pole h3 i { color:var(--lkh-akcent); }
body.styl-lkh .ac-pole ul { margin:0 0 1rem; padding-left:1.1rem; }
body.styl-lkh .ac-pole li { font-size:.97rem !important; margin-bottom:.4rem; }
body.styl-lkh .ac-pole-stopka { margin:0 !important; font-size:.9rem !important; }

/* Kroki */
body.styl-lkh .ac-kroki { display:grid; gap:.8rem; margin:1.3rem 0 0; padding:0; list-style:none; counter-reset:ac-krok; }
body.styl-lkh .ac-kroki li { counter-increment:ac-krok; position:relative; padding:1.1rem 1.2rem 1.1rem 4rem; border:1px solid var(--lkh-linia); border-radius:1.1rem; background:var(--lkh-powierzchnia); }
body.styl-lkh .ac-kroki li::before { content:counter(ac-krok); position:absolute; left:1.1rem; top:1rem; width:2.1rem; height:2.1rem; display:grid; place-items:center; border-radius:.7rem; color:var(--lkh-akcent); font-weight:800; background:color-mix(in srgb,var(--lkh-akcent) 12%,transparent); border:1px solid color-mix(in srgb,var(--lkh-akcent) 30%,var(--lkh-linia)); }
body.styl-lkh .ac-kroki b { color:var(--lkh-tekst); }

/* Firma */
body.styl-lkh .ac-firma-przypadki { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.4rem 0 1.8rem; }
body.styl-lkh .ac-firma-przypadki > div { display:flex; flex-direction:column; padding:1.3rem; border:1px solid var(--lkh-linia); border-radius:1.2rem; background:var(--lkh-powierzchnia); }
body.styl-lkh .ac-firma-przypadki i { width:2.5rem; height:2.5rem; display:grid; place-items:center; margin-bottom:.8rem; border-radius:.8rem; color:var(--lkh-akcent); background:color-mix(in srgb,var(--lkh-akcent) 12%,transparent); border:1px solid color-mix(in srgb,var(--lkh-akcent) 28%,var(--lkh-linia)); }
body.styl-lkh .ac-firma-przypadki h3 { margin-bottom:.5rem; }
body.styl-lkh .ac-firma-przypadki p { font-size:.93rem !important; }
body.styl-lkh .ac-firma-przypadki .ac-obrona { margin:auto 0 0 !important; padding-top:.8rem; border-top:1px dashed var(--lkh-linia); color:var(--lkh-akcent) !important; font-weight:700; }
body.styl-lkh .ac-kalkulator { padding:1.6rem; border-radius:1.4rem; color:#e8f1f7; background:radial-gradient(ellipse at 100% 0%,rgba(62,230,196,.22),transparent 55%),var(--ac-noc2); }
body.styl-lkh .ac-kalkulator h3 { display:flex; gap:.6rem; align-items:center; margin-bottom:1.1rem; color:#fff; font-size:1.2rem; }
body.styl-lkh .ac-kalkulator h3 i { color:var(--ac-turkus); }
body.styl-lkh .ac-kalk-pola { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
body.styl-lkh .ac-kalk-pola label { display:flex; flex-direction:column; gap:.35rem; color:#9db0c2; font-size:.85rem; }
body.styl-lkh .ac-kalk-pola input { width:100%; padding:.7rem .8rem; border:1px solid rgba(148,190,220,.25); border-radius:.7rem; background:#0f2236; color:#fff; font-size:1.1rem; font-weight:700; }
body.styl-lkh .ac-kalk-pola input:focus { outline:2px solid var(--ac-cyjan); outline-offset:1px; }
body.styl-lkh .ac-kalk-wynik { display:flex; flex-wrap:wrap; align-items:baseline; gap:.6rem; margin:1.3rem 0 .4rem !important; color:#b9c9d6 !important; }
body.styl-lkh .ac-kalk-wynik output { font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,4vw,2.8rem); font-weight:700; letter-spacing:-.03em; background:var(--ac-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body.styl-lkh .ac-kalk-uwaga { margin:0 !important; color:#7f93a6 !important; font-size:.82rem !important; }

/* AI */
body.styl-lkh .ac-ai { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem; margin:1.3rem 0 1.4rem; }
body.styl-lkh .ac-ai > div { padding:1.2rem; border-radius:1.1rem; background:var(--lkh-panel); }
body.styl-lkh .ac-ai > div p { margin:.3rem 0 0 !important; font-size:.95rem !important; }
body.styl-lkh .ac-ai > i { color:var(--lkh-akcent); font-size:1.3rem; }
body.styl-lkh .ac-ai .ac-ai-dzis { color:#e8f1f7; background:linear-gradient(135deg,#2a1730,#0a1726); border:1px solid rgba(251,113,133,.35); }
body.styl-lkh .ac-ai .ac-ai-dzis b { color:#fda4af; } body.styl-lkh .ac-ai .ac-ai-dzis p { color:#dbe6f0 !important; }
body.styl-lkh .ac-mocno { padding:1.1rem 1.3rem; border-left:4px solid var(--lkh-akcent); border-radius:0 1rem 1rem 0; background:var(--lkh-panel); color:var(--lkh-tekst) !important; font-weight:600; }

/* Warstwy */
body.styl-lkh .ac-warstwy { display:grid; gap:.6rem; margin:1.3rem 0 0; padding:0; list-style:none; }
body.styl-lkh .ac-warstwy li { display:flex; gap:1rem; align-items:flex-start; padding:1rem 1.2rem; border-radius:1.1rem; background:var(--lkh-powierzchnia); border:1px solid var(--lkh-linia); }
body.styl-lkh .ac-warstwy li:first-child { border:2px solid transparent; background:linear-gradient(var(--lkh-powierzchnia),var(--lkh-powierzchnia)) padding-box,var(--ac-gradient) border-box; }
body.styl-lkh .ac-warstwy span { flex-shrink:0; width:2.3rem; height:2.3rem; display:grid; place-items:center; border-radius:50%; color:#03221d; font-weight:800; background:var(--ac-gradient); }
body.styl-lkh .ac-warstwy li:nth-child(2) span { opacity:.85; } body.styl-lkh .ac-warstwy li:nth-child(3) span { opacity:.7; } body.styl-lkh .ac-warstwy li:nth-child(4) span { opacity:.6; } body.styl-lkh .ac-warstwy li:nth-child(5) span { opacity:.5; }
body.styl-lkh .ac-warstwy b { color:var(--lkh-tekst); }
body.styl-lkh .ac-warstwy p { margin:.2rem 0 0 !important; font-size:.95rem !important; }

/* Test */
body.styl-lkh .ac-test { display:grid; gap:.7rem; margin-top:1.3rem; }
body.styl-lkh .ac-pytanie { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1rem; margin:0; padding:1rem 1.2rem; border:1px solid var(--lkh-linia); border-radius:1.1rem; background:var(--lkh-powierzchnia); }
body.styl-lkh .ac-pytanie legend { float:left; display:flex; gap:.7rem; align-items:center; width:100%; margin-bottom:.4rem; padding:0; color:var(--lkh-tekst); font-weight:600; line-height:1.45; }
body.styl-lkh .ac-pytanie legend span { flex-shrink:0; width:1.8rem; height:1.8rem; display:grid; place-items:center; border-radius:50%; background:var(--lkh-panel); color:var(--lkh-akcent); font-size:.85rem; font-weight:800; }
body.styl-lkh .ac-pytanie label { display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .9rem; border:1px solid var(--lkh-linia); border-radius:999px; color:var(--lkh-tekst); font-size:.92rem; cursor:pointer; }
body.styl-lkh .ac-pytanie label:has(input:checked) { border-color:var(--lkh-akcent); background:color-mix(in srgb,var(--lkh-akcent) 12%,transparent); }
body.styl-lkh .ac-pytanie input { accent-color:var(--lkh-akcent); }
body.styl-lkh .ac-test-wynik { padding:1.4rem 1.5rem; border-radius:1.2rem; color:#e8f1f7; background:var(--ac-noc2); }
body.styl-lkh .ac-test-wynik b { display:block; margin-bottom:.4rem; font-family:'Space Grotesk',sans-serif; font-size:1.35rem; }
body.styl-lkh .ac-test-wynik p { color:#b9c9d6 !important; }
body.styl-lkh .ac-test-wynik.ac-dobrze { border:1px solid rgba(62,230,196,.45); } body.styl-lkh .ac-test-wynik.ac-dobrze b { color:var(--ac-turkus); }
body.styl-lkh .ac-test-wynik.ac-srednio { border:1px solid rgba(251,191,36,.45); } body.styl-lkh .ac-test-wynik.ac-srednio b { color:var(--ac-zolty); }
body.styl-lkh .ac-test-wynik.ac-slabo { border:1px solid rgba(251,113,133,.5); } body.styl-lkh .ac-test-wynik.ac-slabo b { color:var(--ac-czerwony); }

/* Przyciski i CTA */
body.styl-lkh .ac-btn { display:inline-flex; align-items:center; gap:.55rem; min-height:3rem; padding:.8rem 1.4rem; border-radius:999px; font-weight:700; text-decoration:none; transition:transform .2s, box-shadow .2s; }
body.styl-lkh .ac-btn-glowny { color:#03221d !important; background:var(--ac-gradient); box-shadow:0 10px 30px -8px rgba(62,230,196,.55); }
body.styl-lkh .ac-btn-glowny:hover { transform:translateY(-2px); }
body.styl-lkh .ac-btn-drugi { color:#e8f1f7 !important; border:1px solid rgba(255,255,255,.25); }
body.styl-lkh .ac-btn-drugi:hover { border-color:var(--ac-turkus); transform:translateY(-2px); }
body.styl-lkh .ac-cta { position:relative; overflow:hidden; padding:clamp(2rem,4vw,3rem) !important; border:0 !important; border-radius:1.6rem; text-align:center; color:#e8f1f7; background:radial-gradient(ellipse at 50% 0%,#12324a,var(--ac-noc) 70%); }
body.styl-lkh .ac-cta-ikona { display:inline-grid; place-items:center; width:4rem; height:4rem; margin-bottom:1.2rem; border-radius:1.2rem; color:#03221d; font-size:1.8rem; background:var(--ac-gradient); box-shadow:0 0 50px rgba(62,230,196,.55); }
body.styl-lkh .ac-cta h2 { color:#fff !important; }
body.styl-lkh .ac-cta p { max-width:46ch; margin:0 auto 1.6rem !important; color:#b9c9d6 !important; }
body.styl-lkh .ac-cta-przyciski { display:flex; flex-wrap:wrap; justify-content:center; gap:.8rem; }

/* Źródła */
body.styl-lkh .ac-zrodla h2 { font-size:1.4rem !important; }
body.styl-lkh .ac-zrodla p, body.styl-lkh .ac-zrodla li { font-size:.85rem !important; line-height:1.7 !important; }
body.styl-lkh .ac-zrodla ol { padding-left:1.4rem; }
body.styl-lkh .ac-zrodla a { color:var(--lkh-akcent); text-underline-offset:.2rem; }

@media (prefers-reduced-motion:reduce) { body.styl-lkh .ac *, body.styl-lkh .ac *::before { transition:none !important; } }
@media (max-width:1000px) {
    body.styl-lkh .ac-uklad { grid-template-columns:minmax(0,1fr); }
    body.styl-lkh .ac-spis { position:static; }
    body.styl-lkh .ac-firma-przypadki { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:700px) {
    body.styl-lkh .ac-liczby, body.styl-lkh .ac-scenki, body.styl-lkh .ac-dwie, body.styl-lkh .ac-kalk-pola { grid-template-columns:minmax(0,1fr); }
    body.styl-lkh .ac-ai { grid-template-columns:minmax(0,1fr); }
    body.styl-lkh .ac-ai > i { transform:rotate(90deg); justify-self:center; }
    body.styl-lkh .ac-btn { width:100%; justify-content:center; }
}