/* ============================================================
   PROMPTOWY - DESIGN SKINS
   Sygnatury 4 kierunków. Fonty i akcent przełącza design.php
   przez zmienne; tu są charakterystyczne traktowania komponentów.
============================================================ */

/* ============================================================
   TERMINAL EDITORIAL - pełny redesign (paleta cyan-phosphor)
   Czcionka JetBrains Mono na całym blogu.
============================================================ */
@keyframes pw-blink{50%{opacity:0}}
/* Mono jest szersze - lekko mniejszy bazowy rozmiar + oddech w czytaniu */
.pw-design-terminal{font-size:15px}
.pw-design-terminal p,.pw-design-terminal li{line-height:1.75}
.pw-design-terminal h1,.pw-design-terminal h2,.pw-design-terminal h3,.pw-design-terminal h4{letter-spacing:-.03em;font-weight:700}
.pw-design-terminal .px-article .entry-content,
.pw-design-terminal article .entry-content{font-size:16px;line-height:1.85}

/* --- LOGO terminalowe (tekst + migający robot) --- */
.px-term-brand{font-family:var(--font-mono);font-weight:800;font-size:24px;letter-spacing:-.02em;color:#fff;display:inline-flex;align-items:center;white-space:nowrap}
.px-term-brand .u{color:var(--accent)}
.px-term-brand .bot{margin-left:3px;display:inline-block}
@keyframes pw-bot-anim{0%,100%{transform:rotate(0)}15%{transform:translateY(-5px) rotate(-16deg)}35%{transform:translateY(0) rotate(13deg)}55%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}
.px-term-brand .bot.pw-bot-anim{animation:pw-bot-anim .6s ease}

/* --- NAV terminalowy ~/ --- */
/* 16.07: menu JASNIEJSZE i czystsze (feedback usera). Kolor pozycji --muted -> --text,
   wieksza czcionka i waga, USUNIETE prefiksy terminalowe "~/" i "$ " (szum). */
.pw-design-terminal .px-nav-list{font-family:var(--font-mono)}
.pw-design-terminal .px-nav-item a{font-family:var(--font-mono)!important;font-size:13.5px;font-weight:600;text-transform:lowercase;letter-spacing:.01em;color:var(--text)}
.pw-design-terminal .px-nav-item a:hover{color:var(--accent)}
.pw-design-terminal .px-header-cta{font-family:var(--font-mono)!important;text-transform:lowercase;border-radius:9px;background:#F59E0B!important;color:#161006!important;font-weight:800}
.pw-design-terminal .px-header-cta:hover{filter:brightness(1.08)}

/* --- mono etykiety + // prefiks --- */
.pw-design-terminal .pw-label,
.pw-design-terminal .pw-kicker-sm,
.pw-design-terminal .pw-feature-kicker,
.pw-design-terminal .pw-hero-kicker,
.pw-design-terminal .pw-mcard time,
.pw-design-terminal .pw-model-count,
.pw-design-terminal .pw-feature-meta,
.pw-design-terminal .pw-proof span,
.pw-design-terminal .pw-start-kick,
.pw-design-terminal .pw-start-go{font-family:var(--font-mono)!important;letter-spacing:.02em}
.pw-design-terminal .pw-kicker-sm::before,
.pw-design-terminal .pw-feature-kicker .dot{display:none}
.pw-design-terminal .pw-kicker-sm::before{content:"// ";display:inline;opacity:.6}
.pw-design-terminal .pw-feature-kicker::before{content:"// ";opacity:.7}

/* --- numerowane sekcje [01] [02] ... --- */
.pw-design-terminal .pw{counter-reset:pwsec}
.pw-design-terminal .pw > section{counter-increment:pwsec}
.pw-design-terminal .pw-sec-head .pw-label::before{content:"[0" counter(pwsec) "] ";color:var(--accent);opacity:.9}

/* --- przyciski terminalowe --- */
.pw-design-terminal .pw-btn,
.pw-design-terminal .pw-hero-cta,
.pw-design-terminal .pw-buy,
.pw-design-terminal .pw-news-cta{font-family:var(--font-mono)!important;font-weight:700;text-transform:lowercase;border-radius:8px;letter-spacing:0}
.pw-design-terminal .pw-btn--warm::before,
.pw-design-terminal .pw-hero-cta::before,
.pw-design-terminal .pw-news-cta::before{content:"> "}
.pw-design-terminal .pw-btn--ghost{border-color:var(--accent);color:var(--accent)}

/* --- featured = okno terminala --- */
.pw-design-terminal .pw-feature{position:relative;border-color:var(--border);border-radius:12px;overflow:hidden}
.pw-design-terminal .pw-feature::before{content:"●  ●  ●     ~/promptowy/najnowszy.md";display:block;grid-column:1/-1;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.05em;padding:10px 16px;border-bottom:1px solid var(--border);background:rgba(139,92,246,.04)}

/* --- karty: górny akcent + radius --- */
.pw-design-terminal .pw-mcard,
.pw-design-terminal .pw-prod-card,
.pw-design-terminal .pw-start-card{border-radius:12px}
.pw-design-terminal .pw-start-card .num{font-family:var(--font-mono)!important}

/* --- premium = bursztyn (syntax-highlight) --- */
.pw-design-terminal .pw-badge{background:#F5B638;color:#3a2a06}

/* --- newsletter pas: terminalowy --- */
.pw-design-terminal .pw-news{border:1px solid var(--border);background:rgba(139,92,246,.05)}

/* --- sekcja modeli: prompt --- */
.pw-design-terminal .pw-model-head h3::before{content:"$ ";color:var(--accent);font-family:var(--font-mono);font-weight:400;font-size:.7em;vertical-align:2px}

/* --- pasek poleceń (cmdbar) --- */
.pw-cmdbar{display:none}
.pw-design-terminal .pw-cmdbar{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:13px;color:var(--muted);padding:12px 0 22px;border-bottom:1px solid var(--border);margin-bottom:8px}
.pw-design-terminal .pw-cmdbar .u{color:var(--accent)}
.pw-design-terminal .pw-cmdbar .p{color:#8B5CF6}
.pw-design-terminal .pw-cmdbar .cur{color:var(--accent);margin-left:4px;opacity:.7}

/* --- ARTYKUŁ + ARCHIWA w terminalu --- */
.pw-design-terminal .px-article-meta,
.pw-design-terminal .px-breadcrumbs,
.pw-design-terminal .px-archive-meta,
.pw-design-terminal .px-archive-desc,
.pw-design-terminal .px-kicker,
.pw-design-terminal time,
.pw-design-terminal .px-reading-time{font-family:var(--font-mono)!important;letter-spacing:.02em}
.pw-design-terminal .px-kicker::before{content:"// ";opacity:.6}
/* nagłówek kategorii - czysto, bez kickera i ozdobników */
.pw-design-terminal .px-archive-head .px-kicker{display:none}
.pw-design-terminal .px-archive-desc{font-family:var(--font-body)!important}
/* karty archiwum: akcent na hover */
.pw-design-terminal .px-card,
.pw-design-terminal .px-archive-card{transition:transform .18s,border-color .18s}
.pw-design-terminal .px-card:hover,
.pw-design-terminal .px-archive-card:hover{border-color:var(--accent)}

/* === ARTYKUŁ === czytelna treść (sans, jak Wired), terminal tylko w chrome === */
.pw-design-terminal .px-progress > span{background:var(--accent)}
/* TREŚĆ artykułu: 16.07 zmiana Literata -> Newsreader (lzejszy, elegantszy serif,
   feedback usera "ciekawsza i minimalistyczna forma, zmiana czcionek"), naglowki Fraunces */
.pw-design-terminal .px-single-body,
.pw-design-terminal .px-single-body p,
.pw-design-terminal .px-single-body li,
.pw-design-terminal .entry-content,
.pw-design-terminal .entry-content p,
.pw-design-terminal .entry-content li{font-family:"IBM Plex Sans","Inter",system-ui,sans-serif!important}
.pw-design-terminal .entry-content h2,
.pw-design-terminal .entry-content h3,
.pw-design-terminal .px-single-body h2,
.pw-design-terminal .px-single-body h3{font-family:var(--font-head,"Space Grotesk",sans-serif)!important}
.pw-design-terminal .px-single-body,
.pw-design-terminal .entry-content{font-size:18.5px;line-height:1.78;letter-spacing:.002em}
/* wzorzec redakcyjny: TEKST wąski (czytelność ~680px), MEDIA i tabele na pełną szerokość kolumny */
.pw-design-terminal .px-single-body > p,
.pw-design-terminal .px-single-body > ul,
.pw-design-terminal .px-single-body > ol,
.pw-design-terminal .px-single-body > h2,
.pw-design-terminal .px-single-body > h3,
.pw-design-terminal .px-single-body > h4,
.pw-design-terminal .px-single-body > blockquote,
.pw-design-terminal .px-single-body > pre,
.pw-design-terminal .entry-content > p,
.pw-design-terminal .entry-content > ul,
.pw-design-terminal .entry-content > ol,
.pw-design-terminal .entry-content > h2,
.pw-design-terminal .entry-content > h3,
.pw-design-terminal .entry-content > blockquote,
.pw-design-terminal .entry-content > pre{max-width:680px}
.pw-design-terminal .px-single-body > figure,
.pw-design-terminal .px-single-body > .pw-srcimg,
.pw-design-terminal .px-single-body > .pw-video,
.pw-design-terminal .px-single-body > .pw-embed,
.pw-design-terminal .px-single-body > table,
.pw-design-terminal .px-single-body > iframe,
.pw-design-terminal .px-single-body > p:has(> iframe){max-width:none;width:100%}
.pw-design-terminal .px-single-body p,
.pw-design-terminal .entry-content p{line-height:1.75;margin-bottom:1.25em}
.pw-design-terminal .px-single-body h2,
.pw-design-terminal .entry-content h2{font-size:30px;font-weight:700;letter-spacing:-.01em;margin-top:1.7em;margin-bottom:.4em}
.pw-design-terminal .px-single-body h3,
.pw-design-terminal .entry-content h3{font-size:24px;font-weight:600}
/* pierwszy akapit - większy lead (premium) */
.pw-design-terminal .px-single-body > p:first-of-type{font-size:19px;line-height:1.6;color:var(--text)}
/* tytuł artykułu - Fraunces, duży, z charakterem */
.pw-design-terminal .px-single-title,
.pw-design-terminal .px-single-head h1{font-family:var(--font-head,"Space Grotesk",sans-serif)!important;font-weight:600;font-optical-sizing:auto;letter-spacing:-.02em;line-height:1.08}
/* spis treści jako drzewo plików */
.pw-design-terminal .px-toc{border:1px solid var(--border);border-radius:12px;background:rgba(139,92,246,.04)}
.pw-design-terminal .px-toc-title{font-family:var(--font-mono)!important;text-transform:none}
.pw-design-terminal .px-toc-title::before{content:"$ tree ";color:var(--accent)}
.pw-design-terminal .px-toc-list{font-family:var(--font-mono)}
.pw-design-terminal .px-toc-item{position:relative}
.pw-design-terminal .px-toc-item a::before{content:"├─ ";color:var(--accent);opacity:.6}
.pw-design-terminal .px-toc-item:last-child a::before{content:"└─ "}
.pw-design-terminal .px-toc-item--3 a::before{content:"│  ├─ "}
/* wyróżniony blok (cytat / prompt / fragment) - neutralny, bez etykiety i bez mono */
.pw-design-terminal .px-single-body blockquote{
  font-family:"Literata","Georgia",serif!important;font-style:normal;font-size:16px;line-height:1.65;
  border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;
  background:rgba(139,92,246,.06);padding:20px 24px;margin:1.8em 0;position:relative;color:var(--text)}
.pw-design-terminal .px-single-body blockquote::before{display:none}
.pw-design-terminal .px-single-body blockquote p{font-family:inherit!important;margin:0 0 .6em}
.pw-design-terminal .px-single-body blockquote p:last-child{margin-bottom:0}
/* kod inline / bloki */
.pw-design-terminal .entry-content code{font-family:var(--font-mono);background:rgba(139,92,246,.08);color:var(--accent);padding:2px 6px;border-radius:5px;font-size:.92em}
.pw-design-terminal .entry-content pre{border:1px solid var(--border);border-radius:10px;background:#070A0D}
.pw-design-terminal .entry-content pre::before{content:"●  ●  ●";display:block;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;margin-bottom:10px;opacity:.7}
/* sticky sidebar + karty */
.pw-design-terminal .px-single-aside .px-toc,
.pw-design-terminal .px-side-card{margin-bottom:18px}
.pw-design-terminal .px-side-card{border:1px solid var(--border);border-radius:12px;padding:18px;background:color-mix(in srgb,var(--text) 3%,transparent)}
.pw-design-terminal .px-side-cmd{display:block;font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-bottom:12px;opacity:.8}
.pw-design-terminal .px-side-author-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pw-design-terminal .px-side-author-row img{width:48px;height:48px;border-radius:8px}
.pw-design-terminal .px-side-author-row strong{display:block;font-family:var(--font-mono);font-size:14px}
.pw-design-terminal .px-side-author-row span{font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.pw-design-terminal .px-side-nl p{font-size:13px;color:var(--muted);margin-bottom:14px}
.pw-design-terminal .px-side-btn{display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent);border:1px solid var(--accent);padding:8px 14px;border-radius:7px}
.pw-design-terminal .px-side-btn--warm{background:var(--pw-warm);border-color:var(--pw-warm);color:#1a0e02}
/* tagi jak ścieżki */
.pw-design-terminal .px-tags a{font-family:var(--font-mono)}
/* autor bio jako blok */
.pw-design-terminal .px-author-bio{border:1px solid var(--border);border-radius:14px;background:rgba(139,92,246,.04)}
.pw-design-terminal .px-author-bio-name{font-family:var(--font-mono)!important}
.pw-design-terminal .px-author-bio-roles,
.pw-design-terminal .px-author-bio-btn{font-family:var(--font-mono)!important}
.pw-design-terminal .px-author-bio-text{font-family:"Literata","Georgia",serif!important;font-size:15px}
.pw-design-terminal .px-author-bio-inner{display:flex;gap:18px;align-items:flex-start;text-align:left}
.pw-design-terminal .px-author-bio-avatar img{width:84px;height:84px;border-radius:12px;object-fit:cover}
@media(max-width:600px){
  .pw-design-terminal .px-author-bio-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .pw-design-terminal .px-author-bio-avatar img{width:64px;height:64px}
  .pw-design-terminal .px-author-bio-actions{flex-wrap:wrap;gap:8px}
  .pw-design-terminal .px-author-bio-btn{font-size:12px;padding:8px 12px}
}
/* sidebar: lista najnowszych (czysto) */
.pw-design-terminal .px-sidebar-fallback{border:1px solid var(--border);border-radius:12px;padding:18px;background:color-mix(in srgb,var(--text) 3%,transparent);margin-bottom:18px}
.pw-design-terminal .px-sidebar-fallback .widget-title{font-family:var(--font-mono)!important;font-size:13px;color:var(--accent);margin:0 0 12px;text-transform:none}
.pw-design-terminal .px-sidebar-fallback .widget-title::before{content:"$ ls "}
.pw-design-terminal .px-sidebar-fallback ul{list-style:none;margin:0;padding:0}
.pw-design-terminal .px-sidebar-fallback li{border-bottom:1px solid var(--border);padding:9px 0}
.pw-design-terminal .px-sidebar-fallback li:last-child{border-bottom:0}
.pw-design-terminal .px-sidebar-fallback a{font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.45;color:var(--text)}
.pw-design-terminal .px-sidebar-fallback a:hover{color:var(--accent)}
/* powiązane / przeczytaj też */
.pw-design-terminal .px-related-title{font-family:var(--font-mono)!important;letter-spacing:.02em}
.pw-design-terminal .px-related-title::before{content:"$ ls --related  ";color:var(--accent);opacity:.6}
.pw-design-terminal .px-related-grid > a,
.pw-design-terminal .px-related-grid article{transition:transform .18s,border-color .18s}
.pw-design-terminal .px-related-grid > a:hover,
.pw-design-terminal .px-related-grid article:hover{border-color:var(--accent);transform:translateY(-4px)}
.pw-design-terminal .px-related-grid h3,
.pw-design-terminal .px-related-grid h4{font-family:var(--font-head,"Space Grotesk",sans-serif)!important}
/* auto-linki do słownika */
.px-gloss-link{color:inherit;border-bottom:1px dotted var(--accent,#2DD4BF);text-decoration:none;transition:.15s}
.px-gloss-link:hover{color:var(--accent,#2DD4BF);border-bottom-style:solid}
.pws-card:target{border-left-color:var(--pw-warm,#F97316)!important;background:rgba(249,115,22,.07)!important;scroll-margin-top:90px}

/* ---------- NEO-BRUTALIST ZINE ---------- */
.pw-design-brutalist .px-header{border-bottom:3px solid var(--text)}
.pw-design-brutalist .px-nav-item a{
  font-family:var(--font-mono)!important;font-weight:700;text-transform:uppercase;font-size:12px;
  border:2px solid var(--border);padding:6px 10px;border-radius:0;
}
.pw-design-brutalist .px-nav-item a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.pw-design-brutalist h1,
.pw-design-brutalist h2,
.pw-design-brutalist h3,
.pw-design-brutalist .pw-hero h1{text-transform:uppercase;letter-spacing:-.01em}
.pw-design-brutalist .pw-btn,
.pw-design-brutalist .pw-buy,
.pw-design-brutalist .pw-news-cta,
.pw-design-brutalist .pw-hero-cta{
  font-family:var(--font-mono)!important;font-weight:700;text-transform:uppercase;
  border-radius:0!important;border:3px solid var(--text);box-shadow:none!important;
}
.pw-design-brutalist .pw-btn--warm{background:var(--pw-warm);color:#000;border-color:#000}
.pw-design-brutalist .pw-label,
.pw-design-brutalist .pw-kicker-sm,
.pw-design-brutalist .pw-feature-kicker{font-family:var(--font-mono)!important;text-transform:uppercase;font-weight:700}
.pw-design-brutalist .pw-start-card,
.pw-design-brutalist .pw-prod-card,
.pw-design-brutalist .pw-mcard,
.pw-design-brutalist .pw-feature{border-width:2px;border-radius:6px}
.pw-design-brutalist .pw-start-card{border-top-width:5px}

/* ---------- EDITORIAL SERIF (LUX) ---------- */
.pw-design-serif .px-brand-logo,
.pw-design-serif .pw-hero h1,
.pw-design-serif h1,.pw-design-serif h2,.pw-design-serif h3,.pw-design-serif h4{letter-spacing:-.01em;font-weight:900}
.pw-design-serif .pw-label,
.pw-design-serif .pw-kicker-sm,
.pw-design-serif .pw-feature-kicker,
.pw-design-serif .pw-hero-kicker{
  text-transform:uppercase;letter-spacing:.2em;font-weight:600;font-size:11px;
}
.pw-design-serif .px-nav-item a{letter-spacing:.04em}
.pw-design-serif .pw-btn--warm,
.pw-design-serif .pw-buy,
.pw-design-serif .pw-news-cta{background:var(--pw-warm);color:#1a1408;border-radius:2px;box-shadow:none!important}
.pw-design-serif .pw-btn,.pw-design-serif .pw-buy{border-radius:2px}
.pw-design-serif .pw-start-card,
.pw-design-serif .pw-mcard,
.pw-design-serif .pw-prod-card,
.pw-design-serif .pw-feature{border-radius:4px}
/* Drop cap w artykule */
.pw-design-serif .px-article .entry-content > p:first-of-type::first-letter,
.pw-design-serif article .entry-content > p:first-of-type::first-letter{
  font-family:var(--font-display);font-weight:900;font-size:3.4em;float:left;line-height:.8;
  padding:.06em .12em 0 0;color:var(--accent);
}

/* ---------- SWISS MINIMAL ---------- */
.pw-design-swiss h1,.pw-design-swiss h2,.pw-design-swiss h3,.pw-design-swiss h4,
.pw-design-swiss .pw-hero h1{letter-spacing:-.03em;font-weight:700}
.pw-design-swiss .pw-label,
.pw-design-swiss .pw-kicker-sm,
.pw-design-swiss .pw-feature-kicker{font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--accent)}
.pw-design-swiss .px-nav-item a{font-weight:500}
.pw-design-swiss .pw-btn,
.pw-design-swiss .pw-buy,
.pw-design-swiss .pw-news-cta,
.pw-design-swiss .pw-hero-cta{border-radius:9px;box-shadow:none!important;text-transform:none;font-weight:600}
.pw-design-swiss .pw-start-card,
.pw-design-swiss .pw-mcard,
.pw-design-swiss .pw-prod-card,
.pw-design-swiss .pw-feature{border-radius:10px}
.pw-design-swiss .pw-start-card{border-top-width:2px}
/* Swiss: stonuj ozdobniki */
.pw-design-swiss .pw-cursor{display:none}
.pw-design-swiss .pw-about-badge{display:none}

/* Wspólne: gdy design ustawiony, logo i sekcje dziedziczą --accent/--bg z motywu */
[class*="pw-design-"] .pw-news{background:color-mix(in srgb,var(--accent) 9%,transparent)}

/* LIGHT MODE: v2 "papier" USUNIETY 18.07 (user: "jasny motyw straszny").
   Nowa wersja v3 "PORCELANA" na SAMYM KONCU pliku - musi wygrywac kaskade
   z blokami FACELIFT/18.07 (rowna specyficznosc + !important = wygrywa ostatni). */

/* ===== 16.07 MINIMAL HOMEPAGE (feedback usera: za duzo szumu, miszmasz) =====
   Ukrywamy sekcje promo/dublujace na glownej. Tresc zostaje: AI TERAZ, tekst dnia,
   kursy, kalendarz, hero, NEWSY, magazyn/felietony, najciekawsze, najpopularniejsze,
   ranking, zapytaj, zacznij tutaj. Przywrocenie = usun ten blok. */
body.home .pw-top2,body.home .pw-top2-bar,
body.home .pw-hot-wrap,
body.home .pw-prem,
body.home .pw-sais,
body.home .pw-rapcta,
body.home .pw-paths-sec,
body.home #pw-faq-sec,
body.home .pw-explore,body.home .pw-sec-head:has(+ .pw-explore),
body.home .pw-pd-box,body.home .pw-sec-head:has(+ .pw-pd-box),
body.home .pw-book-ctas,body.home .pw-sec-head:has(+ .pw-book-ctas),
body.home .pw-ebooks,body.home .pw-sec-head:has(+ .pw-ebooks),
body.home .pw-ig-grid,body.home .pw-sec-head:has(+ .pw-ig-grid){display:none!important}
/* wiecej oddechu miedzy sekcjami, ktore zostaly */
body.home .pw section,body.home .pw .pw-sec-head{scroll-margin-top:80px}

/* ===== 16.07 NEWSY (.pw-nx) - odswiezenie =====
   Byl twardy ciemnozielony pas (#090d15 + emerald #10b981) sprzed redesignu - gryzl sie
   z nowa palet. Teraz: tokeny motywu, lzejsze tlo, fiolet, tytul leadu w Fraunces. */
body.pw-design-terminal section.pw-nx{background:color-mix(in srgb,var(--text) 2%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text)}
.pw-design-terminal .pw-nx-kick{color:var(--accent)}
.pw-design-terminal .pw-nx-live{background:var(--accent)}
.pw-design-terminal .pw-nx-head{border-bottom-color:var(--border)}
.pw-design-terminal .pw-nx-sub,.pw-design-terminal .pw-nx-dek,.pw-design-terminal .pw-nx-meta,.pw-design-terminal .pw-nx-rd{color:var(--muted)}
.pw-design-terminal .pw-nx-all{color:var(--text);border-color:var(--border);background:transparent}
.pw-design-terminal .pw-nx-all:hover{border-color:var(--accent);color:var(--accent);background:transparent}
.pw-design-terminal .pw-nx-cover{border-color:var(--border);background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:14px}
.pw-design-terminal .pw-nx-lead h3{color:var(--text);font-family:var(--font-head,"Space Grotesk",sans-serif);font-weight:600;letter-spacing:0}
.pw-design-terminal .pw-nx-lead:hover h3{color:var(--accent)}
.pw-design-terminal .pw-nx-row{border-bottom:1px solid var(--border)}
.pw-design-terminal .pw-nx-row h4{color:var(--text);font-weight:600}
.pw-design-terminal .pw-nx-row:hover h4{color:var(--accent)}
.pw-design-terminal .pw-nx-thumb{border-color:var(--border)}

/* ===== 16.07 ARCHIWA/KATEGORIE - minimal editorial =====
   Karty bez pudelka (transparent, zero ramek), obrazek z hairline, tytuly Fraunces,
   meta mono. Naglowek mniejszy, do lewej. Czytelniej i lzej (feedback usera). */
.pw-design-terminal .px-archive{padding:40px 0 24px}
.pw-design-terminal .px-archive-head{text-align:left;margin-bottom:28px;padding-bottom:18px}
.pw-design-terminal .px-archive-title{font-size:clamp(28px,4vw,38px);font-family:var(--font-head,"Space Grotesk",sans-serif);font-weight:600}
.pw-design-terminal .px-archive-desc{margin:6px 0 0;max-width:60ch}
.pw-design-terminal .px-arch-grid{gap:36px 30px}
.pw-design-terminal .px-arch-card{border:0!important;background:transparent!important;border-radius:0;overflow:visible;transition:none}
.pw-design-terminal .px-arch-card:hover{transform:none}
.pw-design-terminal .px-arch-card .img{border-radius:12px;border:1px solid var(--border);aspect-ratio:16/9}
.pw-design-terminal .px-arch-card .bd{padding:14px 2px 0}
.pw-design-terminal .px-arch-card h3{font-size:18px;line-height:1.32;font-family:var(--font-head,"Space Grotesk",sans-serif);font-weight:600;margin:6px 0 8px}
.pw-design-terminal .px-arch-card:hover h3{color:var(--accent)}
.pw-design-terminal .px-arch-card p{font-size:13.5px;line-height:1.55}
.pw-design-terminal .px-arch-card .m{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}

/* ===== 17.07 FACELIFT "Editorial Electric" (feedback: ladniej, czcionki, kolory, menu, logo) =====
   Paleta: indygo #7C6CFF + bursztyn #FFB224 + roz #F472B6 (etykiety). Font wyswietleniowy:
   Space Grotesk (naglowki+menu), tresc artykulu zostaje Newsreader, srodtytuly art. Fraunces. */

/* --- LOGO: wieksze, podkreslnik w bursztynie, robot odrobine wiekszy --- */
/* 18.07: logo MNIEJSZE i estetyczniej (feedback), podkreslnik _ MRUGA jak kursor */
.px-term-brand{font-size:20px;font-weight:800;letter-spacing:-.01em}
.px-term-brand .u{color:var(--pw-warm,#FFB224);animation:pw-blink 1.1s steps(1) infinite}
.px-term-brand .bot{font-size:1em;margin-left:4px}

/* --- MENU: WIELKIE litery, Space Grotesk, wyrazne; hover z bursztynowym podkresleniem --- */
/* 21.07 MENU redesign: animowane podkreslenie od srodka, aktywna pozycja bursztyn,
   font Space Grotesk (wyrazniejszy, wyswietleniowy) - user chcial "inna czcionka, ciekawiej". */
.pw-design-terminal .px-nav-item a{position:relative;font-family:var(--font-head,"Space Grotesk",sans-serif)!important;font-size:13px;font-weight:600;text-transform:none;letter-spacing:.005em;color:var(--text);padding-bottom:4px;border-bottom:0!important;transition:color .16s}
.pw-design-terminal .px-nav-item a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;border-radius:2px;background:var(--pw-warm,#FFB224);transition:left .2s ease,right .2s ease}
.pw-design-terminal .px-nav-item a:hover{color:var(--pw-warm,#FFB224)}
.pw-design-terminal .px-nav-item a:hover::after{left:0;right:0}
.pw-design-terminal .px-nav-item.current-menu-item a,
.pw-design-terminal .px-nav-item.current_page_item a{color:var(--pw-warm,#FFB224)}
.pw-design-terminal .px-nav-item.current-menu-item a::after,
.pw-design-terminal .px-nav-item.current_page_item a::after{left:0;right:0}
.pw-design-terminal .px-header-cta{font-family:"Inter",system-ui,sans-serif!important;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px}

/* --- NAGLOWKI: Space Grotesk w calym UI (glowna, karty, archiwa, tytul artykulu) --- */
.pw-design-terminal h1,.pw-design-terminal h2,.pw-design-terminal h3,.pw-design-terminal h4{font-family:var(--font-head,"Space Grotesk",sans-serif);letter-spacing:-.02em}
/* 18.07: Fraunces WYPADA (dyscyplina typograficzna - 4 fonty, kazdy z jedna rola);
   srodtytuly tresci tez Space Grotesk, kontrast robi serif Newsreader w akapitach */
.pw-design-terminal .px-single-body h2,.pw-design-terminal .px-single-body h3,
.pw-design-terminal .entry-content h2,.pw-design-terminal .entry-content h3{font-family:var(--font-head,"Space Grotesk",sans-serif)!important;letter-spacing:-.01em}
/* hub kimi i mega-baner tez na Space Grotesk (nadpisanie wczesniejszych regul serif) */
.pw-kimi h1,.pw-kimi-sec{font-family:var(--font-head,"Space Grotesk",sans-serif)!important}
.pw-design-terminal .pw-mega-ttl{font-family:var(--font-head,"Space Grotesk",sans-serif)!important}
.pw-design-terminal .pw-nx-lead h3{font-family:var(--font-head,"Space Grotesk",sans-serif)!important}
.pw-design-terminal .px-arch-card h3,.pw-design-terminal .px-archive-title{font-family:var(--font-head,"Space Grotesk",sans-serif)!important}

/* --- ETYKIETY SEKCJI: roz (zycie w palecie), licznik [01] w bursztynie --- */
.pw-design-terminal .pw-sec-head .pw-label{color:var(--pw-rose,#F472B6)}
.pw-design-terminal .pw-sec-head .pw-label::before{color:var(--pw-warm,#FFB224)}
.pw-design-terminal .pw-kicker-sm,.pw-design-terminal .px-kicker{color:var(--pw-rose,#F472B6)}

/* --- ARTYKUL: tytul wiekszy, lead-akapit, linki z podkresleniem --- */
.pw-design-terminal .px-single-title{font-size:clamp(30px,4.6vw,46px);line-height:1.12}
.pw-design-terminal .px-single-body > p:first-of-type{font-size:21px;line-height:1.62;color:var(--text)}
.pw-design-terminal .px-single-body a,.pw-design-terminal .entry-content a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:3px}
.pw-design-terminal .px-single-body a:hover,.pw-design-terminal .entry-content a:hover{color:var(--pw-rose,#F472B6);text-decoration-color:var(--pw-rose,#F472B6)}

/* --- KARTY: spokojny lift na hover, spojny wszedzie --- */
.pw-design-terminal .px-arch-card .img,.pw-design-terminal .pw-nx-cover{transition:transform .2s,border-color .2s}
.pw-design-terminal .px-arch-card:hover .img,.pw-design-terminal .pw-nx-lead:hover .pw-nx-cover{border-color:var(--accent)}

/* ===== 18.07 POPRAWKI (feedback: obecny blog zostaje, dokrecamy) =====
   1) Strona NIECO WEZSZA + header w kontenerze jak w makiecie ELEKTRYK (nie na cala szerokosc).
   2) Spis tresci w artykule USUNIETY. 3) Obrazki WYCENTROWANE i SZERSZE niz tekst.
   4) Typografia JEDNOLITA we wszystkich kategoriach (lekcje/felietony/newsy identycznie). */
/* 18.07 v2: strona 1240px, header TEN SAM kontener 1240 - lewa krawedz logo
   ROWNA sie z lewa krawedzia tresci ("wspolgra z logo"). Menu WYSRODKOWANE
   miedzy logo a akcjami, czcionka menu -> Inter (Space Grotesk sie nie podobal). */
/* 18.07 v4: 1460px - cale menu (11 pozycji) MUSI wejsc bez WIECEJ (przy 1360 dalej ucinalo) */
body.pw-design-terminal{--px-shell-1200:1460px;--pw-wrap:1460px}
.pw-design-terminal .px-header-inner{max-width:1460px;margin:0 auto;display:flex!important;grid-template-columns:none!important;align-items:center;gap:14px;padding:15px 24px}
.pw-design-terminal .px-nav .px-nav-list{justify-content:center;width:100%}
.pw-design-terminal .px-nav-item a{font-size:12px;letter-spacing:.04em;padding-left:6px;padding-right:6px}
.pw-design-terminal .px-header .px-brand{position:static!important;transform:none!important;left:auto!important;text-align:left;justify-self:flex-start;flex:none;margin:0}
.pw-design-terminal .px-nav{flex:1 1 auto;min-width:0;position:static!important;overflow:visible}
.pw-design-terminal .px-nav-list{gap:2px;flex-wrap:nowrap}
.pw-design-terminal .px-actions{margin-left:auto;flex:none;position:static!important}
.pw-design-terminal [class*="px-toc"]{display:none!important}
/* tekst artykulu WYSRODKOWANY w kolumnie (bylo: przyklejony do lewej) */
.pw-design-terminal .px-single-body > p,
.pw-design-terminal .px-single-body > ul,
.pw-design-terminal .px-single-body > ol,
.pw-design-terminal .px-single-body > h2,
.pw-design-terminal .px-single-body > h3,
.pw-design-terminal .px-single-body > h4,
.pw-design-terminal .px-single-body > blockquote,
.pw-design-terminal .px-single-body > pre,
.pw-design-terminal .entry-content > p,
.pw-design-terminal .entry-content > ul,
.pw-design-terminal .entry-content > ol,
.pw-design-terminal .entry-content > h2,
.pw-design-terminal .entry-content > h3,
.pw-design-terminal .entry-content > blockquote,
.pw-design-terminal .entry-content > pre{margin-left:auto;margin-right:auto}
/* media: wycentrowane, szersze niz tekst (900 vs 680), zaokraglone */
.pw-design-terminal .px-single-body > figure,
.pw-design-terminal .px-single-body > .pw-srcimg,
.pw-design-terminal .px-single-body > .pw-video,
.pw-design-terminal .px-single-body > .pw-embed,
.pw-design-terminal .entry-content > figure{max-width:900px;width:100%;margin:2.2em auto;display:block}
.pw-design-terminal .px-single-body figure img,
.pw-design-terminal .px-single-body .pw-srcimg img{width:100%;height:auto;border-radius:14px;display:block}
/* 18.07: NEWSREADER WYPADA (user: "zbyt nieczytelna i dziennikarska") -
   tresc artykulu w Inter: czysto, wspolczesnie, 3 fonty w calym systemie
   (Space Grotesk / Inter / mono). Jednolicie we wszystkich kategoriach. */
/* 29.07: tekst artykulu z Intera na IBM Plex Sans i o pol stopnia mniejszy.
   Inter jest fontem interfejsu - poprawnym i doszczetnie opatrzonym, przez co czyta sie
   jak panel administracyjny, a nie jak tekst. Plex ma humanistyczne "a" i "g", wezsze
   swiatlo i wlasny charakter, a przy tym stoi w tej samej rodzinie technicznej co
   Space Grotesk w naglowkach. 17 -> 16,3 px, interlinia 1,78 -> 1,72. */
.pw-design-terminal .px-single-body :is(p,li,blockquote),
.pw-design-terminal .entry-content :is(p,li,blockquote){font-family:"IBM Plex Sans","Inter",system-ui,sans-serif!important;font-size:16.3px;line-height:1.72;letter-spacing:0}
.pw-design-terminal .px-single-body > p:first-of-type{font-size:18px;line-height:1.62;color:var(--text)}
.pw-design-terminal .px-single-excerpt,
.pw-design-terminal .px-single-dek{font-family:"IBM Plex Sans","Inter",system-ui,sans-serif!important;font-size:17px;line-height:1.58;color:var(--muted)}

/* ============================================================
   18.07 ARTYKUL FINISZ (feedback: zrodla ladniej, newsy bez
   rozwijania, daty ladniej). Box zrodel: hairline zamiast
   kolorowego pudelka; zajawki newsow OFF (miniatura+tytul).
============================================================ */
/* pw-src v2 (18.07): CHIPY zamiast golego linku z kreska na cala szerokosc;
   pelne style TUTAJ (bazowy CSS byl w pw_nauka_import.php -> .off).
   Box przenoszony na SAM KONIEC strony przez pw_src_end.php. */
.pw-design-terminal .pw-src{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:transparent!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important;padding:20px 0 4px!important;margin:34px 0 8px!important}
.pw-design-terminal .pw-src-k{font-family:var(--font-mono,monospace)!important;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pw-rose,#F472B6)!important;flex:none}
.pw-design-terminal .pw-src a{font-family:"Inter",system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text)!important;text-decoration:none!important;border:1px solid var(--border);border-radius:9px;padding:8px 15px;transition:border-color .15s,color .15s;display:inline-flex;align-items:center;gap:7px}
.pw-design-terminal .pw-src a::after{content:"\2197";font-size:11px;color:var(--muted);transition:color .15s}
.pw-design-terminal .pw-src a:hover{border-color:var(--accent,#7C6CFF);color:var(--accent,#7C6CFF)!important}
.pw-design-terminal .pw-src a:hover::after{color:var(--accent,#7C6CFF)}
/* newsy: miniatura + tytul, BEZ zajawek */
.pw-design-terminal .pw-nx-dek{display:none!important}
.pw-design-terminal .pwz-ex{display:none!important}
/* daty: drobny mono uppercase, spokojnie */
.pw-design-terminal :is(.pw-nx-rd,.pw-nx-meta,.pwz-time,.px-single-meta){font-family:var(--font-mono,monospace)!important;font-size:10.5px!important;letter-spacing:.08em;text-transform:uppercase}
/* TABELE w tresci: zamiast excelowej siatki - wiersze rankingowe na hairline'ach.
   Naglowki mono uppercase, pierwsza kolumna (pozycja) bursztyn, ostatnia (wynik)
   Space Grotesk bold do prawej. Pelna szerokosc kolumny tekstu. */
.pw-design-terminal .px-single-body table,
.pw-design-terminal .entry-content table{width:100%;border-collapse:collapse;border:0;margin:1.6em auto;background:transparent}
.pw-design-terminal .px-single-body :is(th,td),
.pw-design-terminal .entry-content :is(th,td){border:0!important;background:transparent!important;padding:13px 14px 13px 0;text-align:left;vertical-align:baseline}
.pw-design-terminal .px-single-body th,
.pw-design-terminal .entry-content th{font-family:var(--font-mono,monospace)!important;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)!important;padding-bottom:9px}
.pw-design-terminal .px-single-body td,
.pw-design-terminal .entry-content td{font-family:"Inter",system-ui,sans-serif!important;font-size:15px;border-bottom:1px solid var(--border)!important}
.pw-design-terminal .px-single-body tr:last-child td,
.pw-design-terminal .entry-content tr:last-child td{border-bottom:0!important}
.pw-design-terminal .px-single-body td:first-child,
.pw-design-terminal .entry-content td:first-child{font-family:var(--font-mono,monospace)!important;font-size:12px;font-weight:800;color:var(--pw-warm,#FFB224);width:1%;white-space:nowrap}
.pw-design-terminal .px-single-body :is(td,th):last-child,
.pw-design-terminal .entry-content :is(td,th):last-child{text-align:right;padding-right:0}
.pw-design-terminal .px-single-body td:last-child,
.pw-design-terminal .entry-content td:last-child{font-family:var(--font-head,"Space Grotesk",sans-serif)!important;font-size:17px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.pw-design-terminal .px-single-body tbody tr,
.pw-design-terminal .entry-content tbody tr{transition:background .12s}
.pw-design-terminal .px-single-body tbody tr:hover,
.pw-design-terminal .entry-content tbody tr:hover{background:color-mix(in srgb,var(--text) 3%,transparent)}

/* ============================================================
   18.07 PUSTE PASY NA GLOWNEJ (user: "dlugie dziwne odstepy miedzy
   tabelami"). Przyczyna: hide-lista MINIMAL HOMEPAGE chowala INNER
   divy (.pw-pd-box, .pw-prem itd.), a ich <section>-wrappery zostawaly
   z paddingiem 64+64px = puste pasy. Fix: chowamy CALE wrappery
   przez :has() + ciasniejszy rytm sekcji 64 -> 44px.
============================================================ */
body.home .pw section:has(.pw-top2),
body.home .pw section:has(.pw-hot-wrap),
body.home .pw section:has(.pw-prem),
body.home .pw section:has(.pw-sais),
body.home .pw section:has(.pw-rapcta),
body.home .pw section:has(.pw-paths-sec),
body.home .pw section:has(.pw-explore),
body.home .pw section:has(.pw-pd-box),
body.home .pw section:has(.pw-book-ctas),
body.home .pw section:has(.pw-ebooks),
body.home .pw section:has(.pw-ig-grid),
body.home .pw .pw-prem-wrap{display:none!important}
.pw-design-terminal .pw section{padding:44px 0!important}

/* ============================================================
   18.07 JEDNOLITE PODSTRONY MENU (user: "kazda kategoria inna
   szerokosc, uklad, czcionki - miszmasz"). Bylo: 860/960/1160/
   1180/1460px. Teraz WSZYSTKIE listingi/huby = 1160px, naglowki
   Space Grotesk, kickery mono roz. Emoji z nazw kategorii usuniete.
============================================================ */
.pw-design-terminal :is(.pwz-wrap,.pw-kimi,.pw-stories,.pw-szk-wrap,.pw-mlo-wrap,.pw-rg,.pw-tx,.pwo,.pw-mod){max-width:1160px!important;margin-left:auto!important;margin-right:auto!important}
.pw-design-terminal .px-archive-head,
.pw-design-terminal .px-arch-grid{max-width:1160px;margin-left:auto;margin-right:auto}
.pw-design-terminal :is(.pwz-wrap,.pw-kimi,.pw-szk-wrap,.pw-mlo-wrap,.pw-rg,.pw-tx,.pw-rx) :is(h1,h2,h3,h4){font-family:var(--font-head,"Space Grotesk",sans-serif)!important;letter-spacing:-.02em}
.pw-design-terminal :is(.pw-rg-head .k,.pw-tx-head .k,.pwz-kick){font-family:var(--font-mono,monospace)!important;font-size:11px!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pw-rose,#F472B6)!important}

/* ============================================================
   18.07 MOBILE COMPACT (feedback S25 Ultra: "za duzo wolnych
   marginesow i odstepow, fatalnie"). Sekcje 64px -> 24px,
   header zbity, logo do lewej przy burgerze.
============================================================ */
@media(max-width:700px){
  .pw-design-terminal .pw section{padding:24px 0!important}
  .pw-design-terminal .pw .pw-sec-head{margin-bottom:12px}
  .pw-design-terminal .pw-hero{padding:18px 0!important}
  body.pw-design-terminal .px-header-inner{gap:10px;padding:10px 14px}
  .pw-design-terminal .px-header .px-brand{margin:0!important;text-align:left}
  .px-term-brand{font-size:17px}
  .pw-design-terminal .px-actions{margin-left:auto}
  .pw-design-terminal .pw-sitemap-inner{padding:30px 16px 26px}
  .pw-design-terminal .px-footer{padding:32px 0 24px}
}
/* Stopka: twardo do lewej na KAZDEJ szerokosci (core centrowal - "fuj") */
.pw-design-terminal .px-footer,.pw-design-terminal .px-footer-inner{text-align:left}
.pw-design-terminal .px-footer .px-footer-inner{display:block}
.pw-design-terminal .px-footer .px-footer-brandcol{text-align:left}

/* ============================================================
   18.07 DYSCYPLINA TYPOGRAFICZNA (user: "te same czcionki, nie
   mieszanie jak w cyrku, pro jak Pentagram"). Role fontow:
   Space Grotesk = naglowki/display, Inter = UI/body/guziki,
   Newsreader = tresc artykulu, JetBrains Mono = TYLKO metki/kod.
============================================================ */
/* guziki i CTA: Inter, nigdy mono */
.pw-design-terminal :is(.pw-sl-btn,.pw-mega-btn,.px-footer-nl-btn,.pw-nx-all,.px-header-cta,.pwo-links a,.pw-btn){font-family:"Inter",system-ui,sans-serif!important;letter-spacing:.01em}
/* zero kursyw ozdobnych w UI (taglines itd.) */
.pw-design-terminal .px-footer-tag,.pw-design-terminal .px-footer-nl-txt{font-style:normal;font-family:"Inter",system-ui,sans-serif}
/* metki/kickery konsekwentnie mono uppercase - jedyna rola mono poza kodem */
.pw-design-terminal :is(.pw-label,.pwo-label,.pw-kicker-sm,.px-kicker,.pw-sl-kick,.pw-nx-kick,.pw-ait-lbl){font-family:var(--font-mono,monospace)!important;text-transform:uppercase}

/* ============================================================
   26.07 PRAWDZIWE ZDJECIA W TEKSCIE (pw_real_photos)
   Fotografia z Commons ma wygladac jak fotografia w gazecie:
   spokojna ramka, podpis mniejszy od tekstu, atrybucja czytelna ale nie krzyczaca.
   ============================================================ */
.pw-design-terminal .pw-realfoto{margin:34px 0;padding:0}
.pw-design-terminal .pw-realfoto img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--border)}
.pw-design-terminal .pw-realfoto--portret{max-width:390px;margin-left:auto;margin-right:auto}
.pw-design-terminal .pw-realfoto figcaption{font-family:var(--font-mono,monospace);font-size:11.5px;line-height:1.5;letter-spacing:.01em;color:var(--muted);margin-top:9px;text-align:left}
.pw-design-terminal .pw-realfoto figcaption a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.pw-design-terminal .pw-realfoto figcaption a:hover{color:var(--accent)}
@media(max-width:600px){.pw-design-terminal .pw-realfoto{margin:26px 0}.pw-design-terminal .pw-realfoto--portret{max-width:100%}}

/* ============================================================
   18.07 LIGHT MODE v3 "PORCELANA" (user: "jasny straszny, calkowita
   przebudowa, wolna reka"). Galeryjna biel #F5F6F8 + czysty atrament,
   indygo marki przyciemnione do #5646E0 (kontrast AA na bieli),
   bursztyn CTA zostaje. Blok MUSI byc ostatni w pliku (kaskada).
============================================================ */
html[data-theme-mode="light"] body.pw-design-terminal,
body.px-mode-light.pw-design-terminal{
  --bg:#F5F6F8!important;--pw-bg:#F5F6F8!important;
  --text:#14171E!important;--muted:#5A6270!important;--border:#E2E5EA!important;
  --accent:#5646E0!important;--pw-accent:#5646E0!important;
  --pw-warm:#D97706!important;--pw-rose:#D6336C!important;
  background:#F5F6F8!important;color:#14171E!important;color-scheme:light;
}
/* Header: biel z rozmyciem, hairline, atramentowe menu, hover bursztyn (jak w dark) */
html[data-theme-mode="light"] body.pw-design-terminal .px-header,
body.px-mode-light.pw-design-terminal .px-header{
  background:rgba(255,255,255,.92)!important;border-bottom:1px solid #E2E5EA!important;
  backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(20,23,30,.02);
}
html[data-theme-mode="light"] body.pw-design-terminal .px-nav-item a,
body.px-mode-light.pw-design-terminal .px-nav-item a{color:#454C59!important}
html[data-theme-mode="light"] body.pw-design-terminal .px-nav-item a:hover,
body.px-mode-light.pw-design-terminal .px-nav-item a:hover{color:#B45309!important;border-bottom-color:#D97706!important}
html[data-theme-mode="light"] body.pw-design-terminal .px-term-brand,
body.px-mode-light.pw-design-terminal .px-term-brand{color:#14171E!important}
/* Kod i bloki mono: jasnoszary panel, atrament */
html[data-theme-mode="light"] body.pw-design-terminal pre,
html[data-theme-mode="light"] body.pw-design-terminal code,
body.px-mode-light.pw-design-terminal pre,
body.px-mode-light.pw-design-terminal code{background:#F0F1F5!important;color:#14171E!important;border-color:#E2E5EA!important}
/* Karty i panele: czysta biel + miekki cien (glebia zamiast ramek) */
html[data-theme-mode="light"] body.pw-design-terminal .pw-feature,
html[data-theme-mode="light"] body.pw-design-terminal .pw-start-card,
html[data-theme-mode="light"] body.pw-design-terminal .pw-mcard,
html[data-theme-mode="light"] body.pw-design-terminal .pw-prod-card,
html[data-theme-mode="light"] body.pw-design-terminal .pw-eb-item,
html[data-theme-mode="light"] body.pw-design-terminal .pw-stat,
html[data-theme-mode="light"] body.pw-design-terminal .pw-faq-item,
body.px-mode-light.pw-design-terminal .pw-feature,
body.px-mode-light.pw-design-terminal .pw-start-card,
body.px-mode-light.pw-design-terminal .pw-mcard,
body.px-mode-light.pw-design-terminal .pw-prod-card,
body.px-mode-light.pw-design-terminal .pw-eb-item,
body.px-mode-light.pw-design-terminal .pw-stat,
body.px-mode-light.pw-design-terminal .pw-faq-item{
  background:#FFFFFF!important;border-color:#E2E5EA!important;
  box-shadow:0 1px 2px rgba(20,23,30,.05),0 4px 14px rgba(20,23,30,.04);
}
/* NEWSY: twarde ciemne resztki z szablonu */
html[data-theme-mode="light"] body.pw-design-terminal .pw-nx-row:hover,
body.px-mode-light.pw-design-terminal .pw-nx-row:hover{background:#EFF1F5!important}
html[data-theme-mode="light"] body.pw-design-terminal .pw-nx-thumb,
body.px-mode-light.pw-design-terminal .pw-nx-thumb{background:#E9EBF0!important;border-color:#E2E5EA!important}
html[data-theme-mode="light"] body.pw-design-terminal .pw-nx-kick,
body.px-mode-light.pw-design-terminal .pw-nx-kick{color:#0B7A55!important}
html[data-theme-mode="light"] body.pw-design-terminal .pw-nx-live,
body.px-mode-light.pw-design-terminal .pw-nx-live{background:#0B7A55!important}
html[data-theme-mode="light"] body.pw-design-terminal .pw-nx-all,
body.px-mode-light.pw-design-terminal .pw-nx-all{color:#14171E!important;border-color:#D5D9E0!important;background:#FFFFFF!important}
/* Stopka: jasny grafit zamiast czerni */
html[data-theme-mode="light"] body.pw-design-terminal .px-footer,
body.px-mode-light.pw-design-terminal .px-footer{background:#ECEEF2!important;border-top:1px solid #E2E5EA!important;color:#454C59}
html[data-theme-mode="light"] body.pw-design-terminal .px-footer a,
body.px-mode-light.pw-design-terminal .px-footer a{color:#454C59}
html[data-theme-mode="light"] body.pw-design-terminal .px-footer a:hover,
body.px-mode-light.pw-design-terminal .px-footer a:hover{color:#B45309}
/* Tresc artykulu: linki indygo, hover roz przyciemniony */
html[data-theme-mode="light"] body.pw-design-terminal .px-single-body a,
html[data-theme-mode="light"] body.pw-design-terminal .entry-content a,
body.px-mode-light.pw-design-terminal .px-single-body a,
body.px-mode-light.pw-design-terminal .entry-content a{color:#4A3BD1!important}
html[data-theme-mode="light"] body.pw-design-terminal .px-single-body a:hover,
html[data-theme-mode="light"] body.pw-design-terminal .entry-content a:hover,
body.px-mode-light.pw-design-terminal .px-single-body a:hover,
body.px-mode-light.pw-design-terminal .entry-content a:hover{color:#B02456!important}
/* Hellobar / drobiazgi */
html[data-theme-mode="light"] body.pw-design-terminal .pw-hellobar,
body.px-mode-light.pw-design-terminal .pw-hellobar{background:#5646E0!important;color:#fff!important}