/* Narzędzie SWOT branży v2 (render_swot.py): uzupełnienie styl.css — sekcje „Głębiej”, stemple świeżości, „Co nowego”.
   Osobny plik, bo strona IWPB (strona_v1/styl.css) zostaje bez zmian do decyzji o publikacji; przy publikacji dopisać na koniec styl.css. */
.sw-uwaga{max-width:46em;margin-top:14px;padding:10px 14px;background:var(--soft);border-left:4px solid var(--yellow);font-size:15px;line-height:1.5}
.sw-nowe{background:#fff;border:1px solid var(--line);border-left:6px solid var(--yellow);padding:12px 18px;margin-bottom:20px;font-size:15px;max-width:46em}
.sw-nowe ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}
.sec.sw-glebiej{padding:40px 0 24px}
.sw-glebiej .head{margin-bottom:8px}
.sw-sekcja{border-top:1px solid var(--line)}
.sw-sekcja:last-child{border-bottom:1px solid var(--line)}
.sw-sekcja > summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;padding:16px 0;list-style:none}
.sw-sekcja > summary::-webkit-details-marker{display:none}
.sw-sekcja > summary h2{font:600 24px/1.2 "Poltawski Nowy",Georgia,serif;color:var(--ink);margin:0}
.sw-sekcja > summary h2::before{content:"+";display:inline-block;width:1em;color:var(--ink)}
.sw-sekcja[open] > summary h2::before{content:"−"}
.sw-sekcja > summary::after{content:"Rozwiń ▾";margin-left:auto;align-self:center;font:700 14px Lato,"Segoe UI",sans-serif;color:var(--ink);border:1px solid var(--ink);padding:4px 10px}
.sw-sekcja[open] > summary::after{content:"Zwiń ▴"}
.sw-gora{margin:18px 0 6px;font-size:15px}
.reg .off{color:var(--muted)}
.sw-sekcja > summary:hover h2{text-decoration:underline;text-underline-offset:4px}
.stempel{font-size:13.5px;color:var(--muted)}
.sw-sek-tresc{padding:0 0 32px}
.sw-sek-tresc > .lead{max-width:46em;color:var(--muted);font-size:16px;line-height:1.55;margin-bottom:4px}
.sw-sek-tresc .tbl{margin-top:16px}
.sw-sek-tresc ul.sw-jak{padding-left:20px;display:grid;gap:8px;font-size:15px;line-height:1.5}
@media (max-width:560px){.sw-sekcja > summary h2{font-size:20px}}
/* czytelność wykresów (audyt 10.10): tekst SVG ≥ 12 px po skalowaniu — viewBox ma 600 jedn., kolumna ~400 px (skala ~0,66), telefon ~0,51 */
/* tylko komputer: telefon ma w styl.css własny układ (etykieta nad torem) i tekst SVG 27 px — nadpisanie go psuło (re-audyt 10.10) */
@media (min-width:561px){
 .exh.w:not(.szer) .fan text{font-size:20px}.exh.w:not(.szer) .fan .lab{font-size:21px}   /* szerokie karty zostają 14/15 (skala ~1,5) */
 .exh.w .w-r{grid-template-columns:minmax(0,8em) minmax(0,1fr) minmax(0,8.5em)}           /* szerszy tor słupka w wąskich kartach */
 .exh.w.szer .w-zakresy .w-r{grid-template-columns:minmax(0,12em) minmax(0,1fr) minmax(0,21em)}   /* scenariusze 12.10: kwota w zł w wierszu, bez zawijania na 3 linie */
}
.w-v .w-stan{display:block;width:max-content;margin:3px 0 0}       /* plakietka normy zawsze pod wartością, nie raz obok, raz pod */
.exh .u{line-height:1.4}
/* branża jako całość + kto ją tworzy (plan 11.10): eksponat na otwarciu i linia „kto” pod punktem SWOT */
.sw-kto-tworzy{margin-bottom:20px}
@media (max-width:560px){
 .w-zakresy .w-r{grid-template-columns:minmax(0,1fr)}                 /* scenariusze: tor na całą szerokość, liczby pod nim */
 .w-zakresy .w-r .w-t,.w-zakresy .w-r .w-v{grid-column:1/-1;text-align:left}
}
.w-legenda.w-nad-pasem{margin:16px 0 -8px}
.w-pas span + span{box-shadow:inset 2px 0 0 var(--navy)}                  /* granica dwóch wielkości w tym samym kolorze */
.w-legenda.w-grupa{color:var(--on-navy);font-weight:700;margin:18px 0 -8px}
.sw-wielkosci{margin:0 0 24px}
.sw-wielkosci h2{font:600 24px/1.2 "Poltawski Nowy",Georgia,serif;color:var(--ink);margin:0 0 6px}
.sw-wielkosci .note{max-width:52em;margin:0 0 12px}
.sw-wielkosci .tbl{background:#fff;font-size:15px}
.sw-wielkosci td small{color:var(--muted);font-size:13.5px}
.sw-wielkosci .w-wiecej,#szukamy .w-wiecej,#szanse .w-wiecej{color:var(--muted)}.sw-wielkosci .w-wiecej summary,#szukamy .w-wiecej summary,#szanse .w-wiecej summary{color:var(--ink)}#szukamy .w-wielka,#szanse .w-wielka{color:var(--ink)}   /* na jasnym tle: biały tekst był niewidoczny (audyt 11.10) */
@media (min-width:561px){.sw-wielkosci tr.razem td{border-top:2px solid var(--ink)}}   /* telefon: karta, nie 5 kresek */
.sw-wielkosci tr.razem td{font-weight:700}
@media (max-width:560px){.sw-wielkosci tr.razem{border-top:2px solid var(--ink)}}
.sw-wielkosci tr.razem td small{font-weight:400}
.w-sym{display:inline-block;vertical-align:middle;margin:0 5px 0 12px}
.w-sym:first-child{margin-left:0}
.w-sym.kropka{width:12px;height:12px;border-radius:50%;background:var(--yellow)}
.w-sym.odc{width:22px;height:2px;background:var(--on-navy-muted)}
.w-sym.kreska{width:4px;height:16px;background:#fff}
.w-sym.zero{width:1px;height:16px;background:var(--on-navy-muted)}
/* 14.10 klucz wykresu (wykresy.klucz): symbole jak znaczniki na wykresie + 1–3 słowa, zamiast „kreska = …” w podtytule */
.w-klucz{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px;font-size:14px;color:var(--on-navy);line-height:1.3}
.w-klucz span{display:inline-flex;align-items:center;gap:7px}
.w-klucz .w-sym{margin:0;flex:none}
.w-sym.kolko{width:14px;height:14px;border-radius:50%;background:var(--navy);border:2px solid var(--band);box-sizing:border-box}
.w-sym.kropka{width:14px;height:14px}
.w-sym.kw{width:14px;height:14px}
.w-legenda.w-grupa + .w-klucz{margin-top:14px}
/* 12.10: metryczka pod tytułem → jedna linia; „Więcej o danych” → lista uwag w źródłach (decyzja Bartka: metoda na koniec) */
.sw-stan{font-size:14px;color:var(--muted);margin-top:14px;max-width:none}
.sw-noty-t{font:600 18px/1.3 "Poltawski Nowy",Georgia,serif;margin:22px 0 8px}
.sw-noty dt{font-weight:700;margin-top:10px;font-size:14px}.sw-noty dd{margin:2px 0 0;font-size:14px;color:var(--muted)}.sw-noty dd p{margin:2px 0 0;line-height:1.5}
/* 23.10 plansza „na jedną stronę” (s1 = jedna strona; render_swot.tablica): punkt = liczba + zdanie + mini-wykres, szczegóły i wykresy pola w <details> */
.s1{margin:0 0 40px}
.s1 > .w-klucz{color:var(--muted);font-size:14px;margin:0 0 10px}
.s1 .w-sym.kropka,.s1-tab .w-sym.kropka{width:11px;height:11px;background:var(--ink)}
.s1 .w-sym.kolko{width:7px;height:7px;background:#7C8899;border:0}
.s1 .w-sym.kreska{width:0;height:14px;background:none;border-left:1px dashed var(--muted)}
/* pola równej wysokości (audyt UX 23.10), ale nie gdy któreś ma rozwinięte wykresy — sąsiad byłby wielką pustą ramką */
.s1-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.s1-siatka:has(.s1-wyk[open]){align-items:start}
.s1-pole:has(.s1-pusto){align-self:start}                 /* pole „nic się nie wyróżnia” do wysokości treści — ramka 520 px na dwa zdania wyglądała na błąd ładowania (re-audyt UX 23.10) */
.s1-pole{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:4px solid var(--ink);padding:14px 18px 10px}
.s1-pole h3{font-size:22px;margin:0 0 4px}
.s1-pole h3 small{font:400 13px Lato,"Segoe UI",sans-serif;color:var(--muted);margin-left:10px}
.s1-pkt{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;padding:10px 0 8px;border-top:1px solid var(--line)}
.s1-pole h3 + .s1-pkt{border-top:0}
.s1-l{font:600 24px/1.15 "Poltawski Nowy",Georgia,serif;color:var(--ink);white-space:nowrap}
.s1-l small{display:block;font-size:14px}
.s1-t p{margin:0;font-size:15px;line-height:1.35;color:var(--ink)}
.s1-mini{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:5px}
.s1-mini svg{flex:0 0 220px;height:auto;overflow:visible}   /* 1:1 z viewBox: tekst SVG 12 jedn. = 12 px (audyt UX, runda 2) */
.s1-mini span{flex:1 1 5.5em;font-size:14px;line-height:1.3;color:var(--muted)}   /* 5,5em: „szczegóły” zostaje w wierszu wykresu przy 1440 px */
.s1-d[open] .s1-pow{display:none}                         /* po rozwinięciu te same wartości są w szczegółach */
.s1-mini .s1-sz{flex:0 0 auto}
.s1-d > summary{list-style:none;cursor:pointer}
.s1-d > summary::-webkit-details-marker{display:none}
.s1-mini .s1-sz{margin-left:auto;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.s1-sz::after{content:" \25B8"}
.s1-d[open] .s1-sz::after{content:" \25BE"}
.s1-d > summary:hover .s1-sz{color:var(--ink)}
.s1-d > p{font-size:14px;line-height:1.45;color:var(--muted);margin:4px 0 0}
@media (pointer:coarse){.s1-d > summary{min-height:44px}}
.s1-d .sw-kto{display:block;margin-top:4px;font-size:inherit}
.s1-d .sw-kto b{font-weight:700;color:var(--ink)}
/* link do wykresów zaraz pod punktami, wolne miejsce na dole pola — dociśnięty do dołu (margin-top:auto) zostawiał w polu z 1 punktem dziurę 170–250 px (P2 23.10) */
.s1-wyk{border-top:1px solid var(--line);padding-top:2px}
.s1-wyk > summary{font:700 14px Lato,"Segoe UI",sans-serif;color:var(--ink);cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;width:max-content}
.s1-wyk > summary::-webkit-details-marker{display:none}
.s1-wyk > summary::before{content:"\25B8"}.s1-wyk[open] > summary::before{content:"\25BE"}
.s1-wyk-l{display:grid;gap:16px;margin-top:10px}
.s1-pusto{color:var(--muted);font-size:14.5px;line-height:1.5;margin:6px 0}
.s1-w .o{stroke:var(--line)}.s1-w .t{stroke:var(--muted);stroke-dasharray:2 2}.s1-w .r{stroke:var(--ink);stroke-width:2}
/* kontrast elementów graficznych ≥ 3:1 (WCAG 1.4.11, audyt UX 23.10): kropki porównania #7C8899, pasmo z obrysem */
.s1-w .d{fill:var(--ink);stroke:#fff;stroke-width:1.5}.s1-w .p{fill:#7C8899}.s1-w .b{fill:var(--ink)}.s1-w .pa{fill:#CBD3DE;stroke:#8A96A8}
.s1-w .z{stroke:var(--muted)}.s1-w .zk{stroke:#8A96A8;stroke-width:3}
.s1-w text{font:12px Lato,"Segoe UI",sans-serif;fill:var(--muted)}.s1-w text.en{fill:var(--ink)}
.s1-tab th.s1-sc .w-klucz{color:var(--muted);font-weight:400;font-size:14px;margin:6px 0 0}
.s1-tab .w-sym.odc{height:3px;background:#8A96A8}.s1-tab .w-sym.zero{background:var(--muted)}
.s1-tab .w-sym.kolko{width:12px;height:12px;background:#fff;border:2px solid var(--ink)}.s1-w .o2{fill:#fff;stroke:var(--ink);stroke-width:2}
.s1-tab td b{font-weight:700;color:var(--ink)}
.s1-sc svg{display:block;width:100%;max-width:220px;height:auto}
.s1-zk{display:block;font-size:13.5px;margin-top:2px}
@media (max-width:760px){.s1-siatka{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.s1-pkt{grid-template-columns:minmax(0,1fr);gap:2px}.s1-mini svg{flex:0 0 100%}}   /* telefon: wykres na całą szerokość pola */