/* Wielki Matematyk - wygląd stron wtyczki (archiwa + temat/zadanie).
   Paleta w jednym miejscu - zmieniasz tu, zmienia się wszędzie. */
:root{
	--wm-navy:#1A2B5C;
	--wm-navy-2:#243a78;
	--wm-green:#4CAF50;
	--wm-green-d:#3d8b40;
	--wm-text:#212529;
	--wm-muted:#5b6470;
	--wm-border:#e4e7ec;
	--wm-surface:#f5f6f8;
	--wm-blue:#00afff;
	--wm-red:#d53b2e;
	--wm-radius:10px;
}

/* ---------- Wspólny kontener ---------- */
.wm-archive{margin:0 auto;padding:0;color:var(--wm-text);width:100%}

/* ---------- Okruszki ---------- */
.wm-breadcrumb{font-size:13px;color:var(--wm-muted);margin:16px 0;display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.wm-breadcrumb a{color:var(--wm-muted);text-decoration:none}
.wm-breadcrumb a:hover{color:var(--wm-green)}
.wm-bc-sep{color:var(--wm-border)}
.wm-bc-current{color:var(--wm-navy);font-weight:600}

/* ---------- Pasek tytułowy ---------- */
.wm-hero{background:var(--wm-navy);color:#fff;border-radius:14px;padding:26px 28px;margin:0 0 26px}
.wm-hero h1{color:#fff;margin:0;font-size:28px;line-height:1.2}
.wm-hero__meta{color:#c7d2ea;font-size:15px;margin-top:8px}

/* ---------- Działy / części ---------- */
.wm-dzial-blok{margin:26px 0}
.wm-dzial-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.wm-dzial-num{width:28px;height:28px;border-radius:8px;background:#e9f6ea;color:var(--wm-green-d);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex:none}
.wm-dzial-title{font-size:19px;font-weight:600;color:var(--wm-navy);margin:0}
.wm-dzial-title a{color:var(--wm-navy);text-decoration:none}
.wm-dzial-title a:hover{color:var(--wm-green)}
.wm-dzial-count{font-size:13px;color:#8a929c}

/* ---------- Kafelki tematów ---------- */
.wm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
/* Grupy arkuszy wg formuły na hubie egzaminu (2023 / 2015 / do 2014). */
.wm-egz-formula-grupa+.wm-egz-formula-grupa{margin-top:22px}
.wm-egz-formula-h{font-size:15px;font-weight:600;color:var(--wm-muted,#8a8f98);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}
.wm-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--wm-border);border-radius:var(--wm-radius);padding:13px 16px;text-decoration:none;color:var(--wm-navy);font-weight:500;transition:border-color .12s,box-shadow .12s,color .12s}
.wm-tile:hover{border-color:var(--wm-green);box-shadow:0 0 0 1px var(--wm-green);color:var(--wm-green)}
.wm-tile__arr{color:#9aa2ad;font-size:20px;line-height:1;flex:none}
.wm-tile:hover .wm-tile__arr{color:var(--wm-green)}

/* ---------- Paginacja "strona" ---------- */
.wm-pagination{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}
.wm-pagination .page-numbers{display:inline-block;border:1px solid var(--wm-border);border-radius:8px;padding:7px 13px;text-decoration:none;color:var(--wm-navy);font-weight:500}
.wm-pagination .page-numbers.current{background:var(--wm-navy);color:#fff;border-color:var(--wm-navy)}
.wm-pagination a.page-numbers:hover{border-color:var(--wm-green);color:var(--wm-green)}
.wm-pagination .page-numbers.dots{border:none;color:var(--wm-muted)}

/* ---------- Pusty stan ---------- */
.wm-empty{color:var(--wm-muted);padding:10px 0}

/* =====================================================
   Strona TEMATU (wspólne komponenty)
   ===================================================== */

/* Linia "Zgodne z" */
.wm-zgodne-z{margin:18px 0;font-size:.9em;color:var(--wm-muted)}

/* Film (responsywny 16:9) */
.wm-video{position:relative;padding-top:56.25%;margin:24px 0;border-radius:12px;overflow:hidden;background:#000}
.wm-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* Lista zadań tematu - klikalne karty */
.wm-zadania-tematu{margin:30px 0}
.wm-zadania-tematu h2{color:var(--wm-navy);font-size:22px;margin:0 0 14px}
.wm-zadanie-item{display:block;border:1px solid var(--wm-border);border-radius:12px;padding:16px 20px;margin:12px 0;text-decoration:none;color:var(--wm-text);transition:border-color .12s,box-shadow .12s}
.wm-zadanie-item:hover{border-color:var(--wm-green);box-shadow:0 0 0 1px var(--wm-green)}
.wm-zadanie-tytul{display:block;font-size:17px;font-weight:600;color:var(--wm-navy)}
.wm-zadanie-tresc{display:block;color:var(--wm-muted);margin-top:6px;font-size:14px}
.wm-zadanie-go{display:inline-block;margin-top:10px;color:var(--wm-green);font-weight:600;font-size:14px}
.wm-zadanie-item:hover .wm-zadanie-go{text-decoration:underline}

/* Box "Do pobrania" */
.wm-pobierz{margin:28px 0;padding:18px 20px;border:1px solid var(--wm-border);border-radius:12px;background:var(--wm-surface)}
.wm-pobierz__title{margin:0 0 12px;font-weight:600;color:var(--wm-navy)}
.wm-pobierz__list{display:flex;flex-wrap:wrap;gap:10px}
.wm-pdf-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid var(--wm-border);border-radius:8px;padding:8px 14px;font-size:14px;background:#fff;color:var(--wm-navy);font-weight:500}
.wm-pdf-link:hover{border-color:var(--wm-green);color:var(--wm-green)}
.wm-pdf-locked{color:var(--wm-muted);background:var(--wm-surface)}
.wm-pdf-locked:hover{color:var(--wm-navy);border-color:var(--wm-border)}

/* Przyciski odsłaniające (Zobacz odpowiedzi / wideo) - wspólne z zadaniem */
.wm-reveal-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--wm-border);background:#fff;border-radius:8px;padding:8px 16px;font-size:15px;cursor:pointer;color:var(--wm-navy);font-weight:500}
.wm-reveal-btn:hover{border-color:var(--wm-green);color:var(--wm-green)}

/* =====================================================
   Strona ZADANIA
   ===================================================== */

/* Nagłówki sekcji / poziomów */
.wm-sekcja-h2{color:var(--wm-navy);font-size:22px;margin:30px 0 12px}
.wm-poziom-h3{color:var(--wm-navy);font-size:18px;margin:26px 0 8px}

/* Bloki treści */
.wm-przyklady{margin:8px 0 22px}
.wm-zadania-do-rozwiazania{margin:8px 0 12px}

/* Odsłanianie odpowiedzi / wideo */
.wm-reveal-bar{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.wm-reveal-box{margin:12px 0;padding:16px;border:1px solid var(--wm-border);border-radius:8px;background:var(--wm-surface)}

/* Aplikacja w iframe */
.wm-app-wrap{margin:16px 0 24px}
.wm-app-frame{width:100%;border:0;min-height:480px;display:block;border-radius:12px}

/* Panel pakietów (upsell) */
.wm-upsell{margin:10px 0 0;padding:14px 16px;border:1px solid var(--wm-border);border-radius:10px;background:var(--wm-surface);max-width:520px}
.wm-upsell__title{margin:0 0 6px;font-weight:600;color:var(--wm-navy)}
.wm-upsell__desc{margin:0 0 4px;color:var(--wm-muted);font-size:14px}
.wm-upsell__list{list-style:none;margin:6px 0 0;padding:0}
.wm-upsell__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--wm-border)}

/* Przycisk-zajawka rozwijający pakiety */
.wm-locked-upsell{margin:0}
.wm-locked-upsell>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--wm-border);background:#fff;border-radius:8px;padding:8px 16px;font-size:15px;cursor:pointer;color:var(--wm-navy);font-weight:500}
.wm-locked-upsell>summary::-webkit-details-marker{display:none}
.wm-locked-upsell>summary:hover{border-color:var(--wm-green);color:var(--wm-green)}

/* Przycisk "Dodaj do karty pracy" */
.wm-koszyk-add{margin:8px 0 18px}
.wm-koszyk-btn{border:1px solid var(--wm-green);background:#fff;color:var(--wm-green);border-radius:8px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer}
.wm-koszyk-btn:hover{background:var(--wm-green);color:#fff}
.wm-koszyk-locked>summary{list-style:none;display:inline-block;border:1px solid var(--wm-green);background:#fff;color:var(--wm-green);border-radius:8px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer}
.wm-koszyk-locked>summary::-webkit-details-marker{display:none}
.wm-koszyk-locked>summary:hover{background:var(--wm-green);color:#fff}

/* Link "Moja karta pracy (N)" */
.wm-koszyk-link{position:fixed;left:20px;bottom:20px;z-index:9999;margin:0;display:none}
.wm-koszyk-go{display:inline-flex;align-items:center;gap:6px;background:var(--wm-navy);color:#fff;text-decoration:none;border-radius:8px;padding:12px 20px;font-weight:600;box-shadow:0 4px 16px rgba(26,43,92,.35)}
.wm-koszyk-go:hover{background:#13204a}
@media(max-width:600px){.wm-koszyk-link{left:12px;bottom:12px}.wm-koszyk-go{padding:10px 16px;font-size:14px}}

/* Zielony przycisk akcji (Wybierz pakiet) */
.wm-btn-primary{display:inline-block;background:var(--wm-green);color:#fff;text-decoration:none;border:0;border-radius:8px;padding:7px 14px;font-weight:600;white-space:nowrap;cursor:pointer}
.wm-btn-primary:hover{background:var(--wm-green-d)}

/* =====================================================
   Siatka klas - shortcode [wm_klasy]
   (na stronę główną i hub "Szkoła podstawowa")
   ===================================================== */
.wm-klasy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0}
@media(max-width:780px){.wm-klasy-grid{grid-template-columns:repeat(2,1fr)}}
.wm-klasa-tile{position:relative;display:flex;flex-direction:column;border:1px solid var(--wm-border);border-radius:14px;padding:18px 18px 16px;background:#fff;text-decoration:none;color:var(--wm-text);min-height:118px;transition:border-color .16s,box-shadow .16s,transform .16s}
a.wm-klasa-tile:hover{border-color:var(--wm-green);box-shadow:0 0 0 1px var(--wm-green);transform:translateY(-2px)}
.wm-klasa-nm{font-weight:bold;font-size:2rem;line-height:1.2;color:var(--wm-navy);margin-top:12px}
.wm-klasa-meta{font-size:13px;color:var(--wm-muted);margin-top:2px}
.wm-klasa-arr{margin-top:auto;color:var(--wm-green);font-weight:700;font-size:14px;padding-top:10px}
.wm-klasa-soon{background:var(--wm-surface)}
.wm-klasa-soon .wm-klasa-nm{color:var(--wm-muted)}
.wm-klasa-soon-tag{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;color:var(--wm-muted);background:#fff;border:1px solid var(--wm-border);border-radius:999px;padding:2px 9px}

/* Astra: ukryj autora i datę pod tytułem na stronach temat/zadanie */
.single-temat .entry-meta,
.single-egzamin .entry-meta,
.single-zadanie .entry-meta,
.single-wiki .entry-meta{display:none}

/* Widżet: nawigacja kontekstowa (sidebar) */
.wm-nav-box{margin:0 0 24px}
.wm-nav-h{font-size:15px;font-weight:700;color:var(--wm-navy);margin:0 0 2px;text-transform:uppercase;letter-spacing:.02em}
.wm-nav-sub{font-size:13px;color:var(--wm-muted);margin:0 0 10px}
.wm-nav-list{list-style:none;margin:0;padding:0}
.wm-nav-list li{margin:0;border-bottom:1px solid var(--wm-border)}
.wm-nav-list li:last-child{border-bottom:0}
.wm-nav-list a{display:block;padding:8px 0;color:var(--wm-text);text-decoration:none;font-size:14px;line-height:1.4}
.wm-nav-list a:hover{color:var(--wm-green)}
.wm-nav-current{padding:8px 0;font-size:14px;font-weight:600;color:var(--wm-navy);line-height:1.4}

/* Widżet nawigacji - drzewo klasy / akordeon (klasa → działy → tematy) */
.wm-nav-tree .wm-nav-h a{color:inherit;text-decoration:none}
.wm-nav-tree .wm-nav-h a:hover{color:var(--wm-green)}
.wm-nav-dzialy>li{border-bottom:1px solid var(--wm-border)}
.wm-nav-dzialy>li:last-child{border-bottom:0}
/* dział = przełącznik (button) */
.wm-nav-dzial-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:0;cursor:pointer;text-align:left;padding:9px 0;font-family:inherit;font-size:14px;line-height:1.4;font-weight:600;color:var(--wm-text)}
.wm-nav-dzial-toggle:hover{color:var(--wm-green)}
.wm-nav-dzial.wm-open>.wm-nav-dzial-toggle{color:var(--wm-navy)}
.wm-nav-caret{flex:0 0 auto;font-size:11px;color:var(--wm-muted);transition:transform .15s}
.wm-nav-dzial.wm-open>.wm-nav-dzial-toggle .wm-nav-caret{transform:rotate(90deg);color:var(--wm-green)}
/* tematy - domyślnie schowane, pokazywane gdy dział otwarty */
.wm-nav-tematy{display:none;margin:0 0 8px;padding-left:14px;border-left:2px solid var(--wm-green)}
.wm-nav-dzial.wm-open>.wm-nav-tematy{display:block}
.wm-nav-tematy li{border-bottom:0!important}
.wm-nav-tematy a{display:block;padding:5px 0;color:var(--wm-muted);text-decoration:none;font-size:13.5px;line-height:1.35;font-weight:400}
.wm-nav-tematy a:hover{color:var(--wm-green)}
.wm-nav-tematy .wm-nav-current{padding:5px 0;font-size:13.5px;font-weight:600;color:var(--wm-navy)}


/* Opis działu (na stronie działu, nad listą tematów) */
.wm-dzial-opis{max-width:760px;margin:0 0 28px;color:var(--wm-text);line-height:1.7}
.wm-dzial-opis p{margin:0 0 12px}
.wm-dzial-opis h3{font-size:18px;color:var(--wm-navy);margin:18px 0 8px}
.wm-dzial-opis h4{font-size:16px;color:var(--wm-navy);margin:14px 0 6px}
.wm-dzial-opis ul,.wm-dzial-opis ol{margin:0 0 12px 22px}
.wm-dzial-opis li{margin:4px 0}
.wm-dzial-opis a{color:var(--wm-green);text-decoration:underline}
.wm-dzial-opis strong{color:var(--wm-navy)}

/* ===== Wiki (v3.42): hub /wiki/ + strona pytania ===== */
.wm-wiki-intro{color:var(--wm-muted);font-size:16px;line-height:1.6;max-width:820px;margin:0 0 30px}
.wm-wiki-lista{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}
.wm-wiki-lista li{break-inside:avoid;margin:0;border-bottom:1px solid var(--wm-border)}
.wm-wiki-lista li a{display:block;padding:9px 2px;color:var(--wm-text);text-decoration:none;font-size:15px;line-height:1.4}
.wm-wiki-lista li a:hover{color:var(--wm-green-d)}
@media (max-width:700px){.wm-wiki-lista{columns:1}}
.wm-wiki-wiecej{margin:34px 0 6px;padding:16px 20px;background:var(--wm-surface);border-left:4px solid var(--wm-green);border-radius:0 10px 10px 0;font-size:16px}
.wm-wiki-wiecej__k{color:var(--wm-muted);margin-right:6px}
.wm-wiki-wiecej a{color:var(--wm-navy);font-weight:600;text-decoration:none}
.wm-wiki-wiecej a:hover{color:var(--wm-green-d)}

/* Odpowiedź wprost (pierwszy akapit strony wiki) - wyróżniona pod snippet/AI */
.wm-wiki-odpowiedz{font-size:19px;line-height:1.6;color:var(--wm-text);background:var(--wm-surface);border-left:4px solid var(--wm-green);border-radius:0 10px 10px 0;padding:16px 20px;margin:0 0 26px}
.wm-wiki-odpowiedz strong{color:var(--wm-navy)}
/* Tabele przeliczeń w wiki - czytelne, responsywne */
.wm-wiki-hub table,.single-wiki .entry-content table{border-collapse:collapse;width:auto;min-width:280px;margin:14px 0 22px;font-size:15px}
.single-wiki .entry-content th,.single-wiki .entry-content td{border:1px solid var(--wm-border);padding:8px 14px;text-align:left}
.single-wiki .entry-content thead th{background:var(--wm-surface);color:var(--wm-navy);font-weight:600}
.single-wiki .entry-content h2{color:var(--wm-navy);font-size:20px;margin:26px 0 10px}
.single-wiki .entry-content h3{color:var(--wm-navy);font-size:16px;margin:18px 0 6px}
@media (max-width:600px){.single-wiki .entry-content table{width:100%;min-width:0;font-size:14px}.wm-wiki-odpowiedz{font-size:17px}}

/* ===== Egzaminy (v3.47) ===== */
.wm-egz-info{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.wm-egz-chip{display:inline-block;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:999px;padding:4px 12px;font-size:13.5px;color:var(--wm-navy);text-decoration:none;font-weight:500}
a.wm-egz-chip:hover{border-color:var(--wm-green);color:var(--wm-green-d)}
.wm-egz-chip--aut{background:var(--wm-green);border-color:var(--wm-green);color:#fff}
.wm-egz-chip--pkt{background:var(--wm-navy);border-color:var(--wm-navy);color:#fff}
.wm-egz-tresc{margin:0 0 18px}
.wm-egz-fade{position:relative;max-height:120px;overflow:hidden}
.wm-egz-fade:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.wm-egz-schemat{margin-top:14px;padding:12px 16px;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:10px}
.wm-egz-schemat__t{font-weight:600;color:var(--wm-navy);margin:0 0 6px}
.wm-egz-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 6px;padding-top:16px;border-top:1px solid var(--wm-border)}
.wm-egz-nav a{color:var(--wm-navy);text-decoration:none;font-weight:500;font-size:15px}
.wm-egz-nav a:hover{color:var(--wm-green-d)}
.wm-egz-nav__all{color:var(--wm-muted)}
.wm-egz-akcje{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 22px}
.wm-btn-outline{display:inline-block;background:#fff;color:var(--wm-navy);text-decoration:none;border:1px solid var(--wm-border);border-radius:8px;padding:7px 14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .12s,color .12s}
.wm-btn-outline:hover{border-color:var(--wm-green);color:var(--wm-green-d)}
.wm-egz-tile-sub{color:var(--wm-muted);font-size:13.5px;font-weight:400;white-space:nowrap}
.wm-egz-gen{background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:14px;padding:22px 24px;margin:26px 0}
.wm-egz-gen h2{margin-top:0}
.wm-egz-wlasne-lead{color:var(--wm-muted);margin:0 0 14px}
.wm-egz-dzial-h{color:var(--wm-navy);font-size:19px;margin:24px 0 10px}
@media (max-width:600px){.wm-egz-akcje{flex-direction:column;align-items:stretch}.wm-egz-akcje .wm-btn-primary,.wm-egz-akcje .wm-btn-outline{text-align:center}}
.wm-egz-hist{background:#fff;border:1px solid var(--wm-border);border-radius:14px;padding:20px 24px;margin:26px 0}
.wm-egz-hist h2{margin-top:0}
.wm-egz-hist-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--wm-border);font-size:15px;flex-wrap:wrap}
.wm-egz-hist-row:last-child{border-bottom:0}
.wm-egz-hist-t{color:var(--wm-navy);font-weight:600;flex:1;min-width:180px}
.wm-egz-hist-w{color:var(--wm-green-d);font-weight:600;white-space:nowrap}
.wm-egz-hist-d{color:var(--wm-muted);white-space:nowrap}

/* ===== Egzaminy: arkusz statyczny + generator (v3.50) ===== */
.wm-egz-arkusz-tresc{margin-top:24px}
.wm-egz-zad{margin:0 0 30px;padding:18px 20px;border:1px solid var(--wm-border);border-radius:12px}
.wm-egz-zad-h{display:flex;justify-content:flex-start;align-items:baseline;gap:12px;border-bottom:1px solid var(--wm-border);padding-bottom:6px;margin-bottom:12px}
.wm-egz-zad-h h2{font-size:18px;margin:0;color:var(--wm-navy)}
.wm-egz-zad-link{color:var(--wm-navy);text-decoration:none}
.wm-egz-zad-link:hover{color:var(--wm-green-d);text-decoration:underline}
.wm-egz-zad-cr{color:var(--wm-muted);font-size:13px;display:inline-flex;align-items:center}
.wm-egz-zad-pkt{color:var(--wm-muted);font-size:14px;white-space:nowrap;margin-left:auto}
.wm-egz-zad-tresc img{max-width:100%;height:auto}
.wm-egz-gen-pula{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:6px 0 16px}
.wm-egz-gen-lbl{font-weight:600;color:var(--wm-navy)}
.wm-egz-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--wm-text)}
.wm-egz-banner{padding:12px 16px;background:#fff7e6;border:1px solid #f5d98a;border-radius:10px;margin:0 0 18px;color:#7a5b12}

/* ===== Generator arkuszy - formularz (v3.52) ===== */
.wm-gen-form{display:flex;flex-direction:column;gap:16px;margin:18px 0}
.wm-gen-pole{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.wm-gen-lbl{font-weight:600;color:var(--wm-navy);min-width:110px}
.wm-gen-opts{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.wm-gen-opt{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--wm-border);border-radius:8px;cursor:pointer;background:#fff;transition:border-color .12s,background .12s;font-size:14.5px}
.wm-gen-opt:hover{border-color:var(--wm-green)}
.wm-gen-opt input{margin:0}
.wm-gen-off{opacity:.4;pointer-events:none;background:var(--wm-surface)}
.wm-gen-dz-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.wm-gen-dz-all{grid-column:1/-1;border-color:var(--wm-navy)}
@media (max-width:600px){.wm-gen-lbl{min-width:100%}.wm-gen-dz-lista{grid-template-columns:1fr 1fr}}

/* Warianty odpowiedzi ABCD (zadania zamknięte). Modyfikator --kol dla długich wzorów. Klasa z{nr} do sterowania per zadanie. */
.wm-abcd{display:flex;flex-wrap:wrap;gap:.4em 1.6em;margin:.4em 0}
.wm-abcd__opt{white-space:nowrap}
.wm-abcd--kol{flex-direction:column;gap:.5em}
.wm-abcd--kol .wm-abcd__opt{white-space:normal}

/* Podzadania (14.1/14.2/14.3 w jednym poście) - widok publiczny */
.wm-egz-pod{margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--wm-border)}
.wm-egz-pod__h{font-size:17px;color:var(--wm-navy);margin:0 0 8px}

/* Dopisek sesji w nawiasie na kafelku roku (np. "(termin poprawkowy)") */
.wm-egz-label{color:var(--wm-muted);font-weight:400}
/* Data arkusza na kafelku listy "Arkusze z poprzednich lat" (np. "czerwiec 2025") */
.wm-tile__date{color:var(--wm-muted);font-weight:400}

/* Tabela P/F (statyczna, jak na karcie CKE): stwierdzenie + kwadraciki P i F */
.wm-pf{border:1px solid var(--wm-border);border-radius:6px;overflow:hidden;margin:.6em 0}
.wm-pf__row{display:flex;align-items:stretch;border-top:1px solid var(--wm-border)}
.wm-pf__row:first-child{border-top:0}
.wm-pf__stmt{flex:1;padding:10px 14px;display:flex;align-items:center}
.wm-pf__opt{width:46px;flex:0 0 46px;border-left:1px solid var(--wm-border);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--wm-navy)}

/* Darmowa wersja generatora */
.wm-gen-free-info{background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:8px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.wm-gen-prem{display:inline-block;background:var(--wm-navy);color:#fff;border-radius:4px;font-size:10.5px;font-weight:600;padding:1px 6px;margin-left:4px;vertical-align:middle;letter-spacing:.3px}
.wm-gen-cnt{color:var(--wm-muted,#8a8f98);font-size:12px;font-variant-numeric:tabular-nums}
.wm-gen-off .wm-gen-cnt{color:inherit}

/* Zgłoś błąd */
.wm-zgl{margin:18px 0 6px}
.wm-zgl-btn{background:none;border:1px solid var(--wm-border);border-radius:6px;padding:5px 12px;font-size:13px;color:var(--wm-muted);cursor:pointer}
.wm-zgl-btn:hover{color:var(--wm-navy);border-color:var(--wm-navy)}
.wm-zgl-form{margin-top:10px;border:1px solid var(--wm-border);border-radius:8px;padding:12px 14px;max-width:560px}
.wm-zgl-tyt{margin:0 0 8px;font-weight:600;color:var(--wm-navy)}
.wm-zgl-kats{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}
.wm-zgl-kat{font-size:14px;cursor:pointer}
.wm-zgl-opis,.wm-zgl-email{width:100%;box-sizing:border-box;border:1px solid var(--wm-border);border-radius:6px;padding:7px 10px;font:inherit;font-size:14px;margin:0 0 8px}
.wm-zgl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.wm-zgl-akcje{display:flex;gap:8px}
.wm-zgl-send{background:var(--wm-navy);color:#fff;border:0;border-radius:6px;padding:7px 14px;font-size:14px;cursor:pointer}
.wm-zgl-cancel{background:none;border:1px solid var(--wm-border);border-radius:6px;padding:7px 14px;font-size:14px;cursor:pointer;color:var(--wm-muted)}
.wm-zgl-msg{margin:10px 0 0;font-size:14px;color:var(--wm-navy)}

/* === Spis tresci na stronie tematu - "Na tej stronie" (v3.84) ===
   Desktop: etykieta + chipy w jednym rzedzie, sticky.
   Mobile:  przycisk rozwijajacy pionowa liste (bez scrolla poziomego). */

/* Odstep od gory przy przyklejeniu. Gdy wlaczysz sticky header w Astrze,
   zmien tu wartosc na jego wysokosc (np. 60px). */
:root { --wm-toc-top: 0px; }

/* Kotwice: naglowek laduje tuz pod przyklejonym spisem. */
.single-temat .entry-content h2[id],
.single-temat .entry-content .wm-pobierz[id] {
	scroll-margin-top: calc( var(--wm-toc-top) + 78px );
}
html { scroll-behavior: smooth; }

.wm-toc {
	position: sticky;
	top: var(--wm-toc-top);
	z-index: 20;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin: 22px 0;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid var(--wm-border, #e4e7ec);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(26,43,92,.05);
}

/* Przycisk-toggle: na desktopie to tylko etykieta (bez tla, bez strzalki). */
.wm-toc__toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
	cursor: default;
	color: inherit;
	font: inherit;
	text-align: left;
}
.wm-toc__toggle:hover,
.wm-toc__toggle:focus { background: none; box-shadow: none; }

.wm-toc__label {
	font-size: .82rem;
	font-weight: 600;
	color: var(--wm-muted, #5b6470);
	letter-spacing: .01em;
	white-space: nowrap;
}
.wm-toc__arrow { display: none; }

.wm-toc__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wm-toc__list li { margin: 0; padding: 0; }
.wm-toc__list li::before { content: none; }

.wm-toc__chip {
	display: inline-block;
	padding: 5px 12px;
	font-size: .85rem;
	font-weight: 500;
	line-height: 1.3;
	color: var(--wm-navy, #1A2B5C);
	background: var(--wm-surface, #f5f6f8);
	border: 1px solid var(--wm-border, #e4e7ec);
	border-radius: 999px;
	text-decoration: none;
	transition: background .15s, color .15s, border-color .15s;
}
.wm-toc__chip:hover,
.wm-toc__chip:focus {
	background: var(--wm-green, #4CAF50);
	border-color: var(--wm-green, #4CAF50);
	color: #fff;
	text-decoration: none;
}
.wm-toc__chip.is-active {
	background: var(--wm-navy, #1A2B5C);
	border-color: var(--wm-navy, #1A2B5C);
	color: #fff;
}

/* --- MOBILE: rozwijana lista pionowa --- */
@media (max-width: 782px) {
	.wm-toc {
		display: block;
		padding: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	/* Przycisk na calą szerokosc - to jest widoczny pasek. */
	.wm-toc__toggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 11px 14px;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.wm-toc__label { font-size: .85rem; }
	/* Strzalka - czysty CSS, bez ikon. */
	.wm-toc__arrow {
		display: block;
		width: 8px;
		height: 8px;
		border-right: 2px solid var(--wm-muted, #5b6470);
		border-bottom: 2px solid var(--wm-muted, #5b6470);
		transform: rotate(45deg) translateY(-2px);
		transition: transform .18s ease;
	}
	.wm-toc--open .wm-toc__arrow {
		transform: rotate(-135deg) translateY(-2px);
	}
	/* Lista domyslnie schowana; rozwija sie po kliknieciu. */
	.wm-toc__list {
		display: none;
		flex-direction: column;
		gap: 0;
		max-height: 50vh;
		overflow-y: auto;
		border-top: 1px solid var(--wm-border, #e4e7ec);
		background: #fff;
	}
	.wm-toc--open .wm-toc__list { display: flex; }
	.wm-toc__list li + li {
		border-top: 1px solid var(--wm-border, #e4e7ec);
	}
	/* Chipy na mobile = pelnoszerokie wiersze, nie pigułki. */
	.wm-toc__chip {
		display: block;
		padding: 12px 14px;
		font-size: .9rem;
		background: none;
		border: 0;
		border-radius: 0;
		border-left: 3px solid transparent;
	}
	.wm-toc__chip:hover,
	.wm-toc__chip:focus {
		background: var(--wm-surface, #f5f6f8);
		color: var(--wm-navy, #1A2B5C);
		border-color: transparent;
		border-left-color: var(--wm-green, #4CAF50);
	}
	.wm-toc__chip.is-active {
		background: var(--wm-surface, #f5f6f8);
		color: var(--wm-navy, #1A2B5C);
		font-weight: 600;
		border-color: transparent;
		border-left-color: var(--wm-navy, #1A2B5C);
	}
}