/* ============================================================================
   ARTYKUL — wspolne style stron tresciowych bazy wiedzy
   ----------------------------------------------------------------------------
   Wyciete 1:1 z inline'owego <style> istniejacych 16 artykulow (wzorzec:
   baza-wiedzy/rodo-ai-act-co-wolno/), zeby nowe wpisy wygladaly IDENTYCZNIE,
   a nie "podobnie". Przy 60 nowych wpisach ten sam blok inline to ~90 kB
   duplikatu w HTML-u; tutaj jest raz i wchodzi do cache.

   Istniejacych 16 artykulow NIE ruszam - maja swoj inline i dzialaja.
   Ten plik obsluguje wpisy od 2026-10-01.
   ========================================================================== */

.article{max-width:760px;margin:0 auto;padding:80px 0 24px}
    .article .crumbs{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--sa-muted,#94a3b8);margin-bottom:18px}
    .article .crumbs a{color:var(--sa-muted,#94a3b8)}
    .article h1{font-size:clamp(30px,4.5vw,46px);line-height:1.12;margin:0 0 14px}
    .article .stand{font-size:19px;line-height:1.6;color:var(--sa-muted,#aeb6c4);margin-bottom:8px}
    .article h2{font-size:24px;margin:40px 0 12px;color:#fff}
    .article p,.article li{font-size:17px;line-height:1.74;color:var(--sa-txt,#cfd5e1)}
    .article ul,.article ol{padding-left:22px}.article li{margin:7px 0}
    .article strong{color:#fff}
    .article .ok{background:rgba(60,200,120,.08);border-left:3px solid #3cc878;border-radius:0 10px 10px 0;padding:14px 18px;margin:22px 0}
    .article .warn{background:rgba(255,90,90,.08);border-left:3px solid #ff5a5a;border-radius:0 10px 10px 0;padding:14px 18px;margin:22px 0;color:#ffd7d7}
    .article .note{background:var(--sa-surface,#111826);border-left:3px solid var(--sa-acc,#34e2a0);border-radius:0 10px 10px 0;padding:14px 18px;margin:22px 0}
    .sat-buy{background:linear-gradient(180deg,rgba(var(--sa-acc-rgb,52,226,160),.12),rgba(var(--sa-acc-rgb,52,226,160),.04));border:1px solid rgba(var(--sa-acc-rgb,52,226,160),.35);border-radius:16px;padding:26px;text-align:center;margin:38px 0}
    .sat-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:14px;justify-content:center}
    .faq-list details{border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0}
    .faq-list summary{cursor:pointer;font-weight:600;color:#fff}


/* Odstępy akapitów — main.css robi globalny reset `* { margin: 0 }`, a reguła powyżej
   ustawia dla .article p tylko krój i kolor. Bez tego sąsiadujące akapity stykają się
   bez przerwy i tekst zlewa się w jedną masę (9 takich par w pierwszym wpisie).
   Istniejących 16 artykułów ten plik nie dotyczy — mają własny inline. */
.article p { margin: 0 0 16px; }
.article p:last-child { margin-bottom: 0; }
.article ul, .article ol { margin: 0 0 18px; }
.article pre { margin: 0 0 18px; }