/* Strony /instrukcje/ (noindex). Treść na "ty"; wybór formy tylko nad szablonem maila. */
@font-face{font-family:Inter;src:url('assets/inter-latin-ext.woff2') format('woff2');font-weight:100 900;font-display:optional}
@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;font:16px/1.6 Inter,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--action);text-underline-offset:5px}
:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
[hidden]{display:none!important}
.ins-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ins-ikona{width:20px;height:20px;flex:0 0 auto}
.ins-frame{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-width);margin-inline:auto}
.ins-skip{position:fixed;top:8px;left:16px;z-index:100;padding:8px 16px;background:white;transform:translateY(-200%)}
.ins-skip:focus{transform:none}
svg{flex-shrink:0}
.ins-main{flex:1;max-width:760px;padding-block:32px 64px;min-width:0}
.ins-okruszki{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.ins-okruszki a{color:var(--muted)}
.ins-main h1{font-size:clamp(30px,3.6vw,44px);line-height:1.12;font-weight:600;letter-spacing:-.035em;margin:24px 0 0;text-wrap:balance}
.ins-lead{color:var(--muted);font-size:18px;margin:16px 0 32px;text-wrap:pretty}
.ins-kat{margin-top:40px}
.ins-kat h2{position:relative;display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0 0 14px}
.ins-kat__ikona{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:6px;background:var(--kat-tlo, #eef5ff);color:var(--kat, var(--action))}
.ins-info{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:help}
.ins-info:hover,.ins-info:focus-visible{color:var(--action)}
.ins-info .ins-ikona{width:18px;height:18px}
.ins-lista{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ins-karta{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:6px;padding:18px 20px;text-decoration:none;color:var(--ink)}
.ins-karta:hover{border-color:var(--action)}
.ins-karta__ikona{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:6px;background:#f6f8fb;color:var(--action)}
.ins-karta__ikona .ins-ikona{width:22px;height:22px}
.ins-karta__tekst{display:grid;gap:6px;min-width:0}
.ins-karta strong{font-size:18px;font-weight:600;color:var(--action)}
.ins-karta__opis{color:var(--muted);overflow-wrap:anywhere}
.ins-meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;font-size:14px;color:var(--muted)}
.ins-meta>span{display:inline-flex;align-items:center;gap:6px}
.ins-uklad__glowa>.ins-meta{margin:-16px 0 0}
.ins-wskaznik__off{opacity:.25}
.ins-poziom[data-poziom="2"]{color:#1a7f37}.ins-poziom[data-poziom="3"]{color:#b35900}.ins-poziom[data-poziom="4"]{color:#c4321a}
.ins-kroki{list-style:none;padding:0;margin:0;display:grid;gap:36px}
.ins-kroki li{min-width:0}
.ins-kroki h2{display:flex;align-items:center;gap:12px;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}
.ins-nr{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;background:var(--action);color:#fff;font-size:15px;font-weight:700}
.ins-kroki p{margin:0 0 12px}
/* Tekst kroku: zdanie na początku, lista punktów, „Na zrzucie: …” nad zrzutem (decyzja właściciela 12.10.2026) */
.ins-krok__lista{list-style:none;padding:0;margin:-4px 0 12px;display:grid;gap:4px}
.ins-krok__lista li{position:relative;padding-left:22px}
.ins-krok__lista li::before{content:"";position:absolute;left:6px;top:calc(.8em - 3px);width:6px;height:6px;border-radius:50%;background:var(--kat,var(--action))}
.ins-kroki .ins-krok__zrzut{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--muted)}
.ins-zrzut{margin:0}
.ins-zrzut img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px}
.ins-zrzut__link{position:relative;display:inline-block;max-width:100%;cursor:zoom-in}
.ins-zrzut__lupa{position:absolute;right:10px;top:10px;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgb(22 22 22 / 72%);color:#fff;transition:transform 160ms ease,background 160ms ease}
.ins-zrzut__link:hover .ins-zrzut__lupa,.ins-zrzut__link:focus-visible .ins-zrzut__lupa{transform:scale(1.08);background:var(--action)}
.ins-zrzut figcaption{margin-top:6px;font-size:13px;color:var(--muted)}
.ins-tabela{overflow-x:auto;max-width:100%}
.ins-tabela table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.ins-tabela th,.ins-tabela td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.ins-tabela th{background:#f6f8fb}
.ins-tabela td:nth-child(3){font-family:ui-monospace,Consolas,monospace;font-size:14px;white-space:nowrap}
.ins-szablon{margin-top:24px}
.ins-szablon pre{white-space:pre-wrap;font-family:inherit;background:#f6f8fb;border:1px solid var(--line);border-radius:6px;padding:16px;font-size:15px;line-height:1.6;margin:0 0 12px}
.ins-kopiuj-status{min-height:1.4em;margin:8px 0 0;color:var(--muted)}
.ins-pomoc{margin-top:24px;color:var(--muted)}
.ins-footer{padding-block:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:800px){
 .ins-lead{font-size:16px}
 .ins-footer{font-size:11px;padding-block:18px}
}
@media(max-width:359px){}
@media print{.ins-forma,.ins-kopiuj,.ins-wstecz{display:none}}
.ins-przycisk{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border:1px solid var(--action);border-radius:4px;background:var(--action);color:#fff;font:600 15px/1.2 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}
.ins-przycisk:hover{background:var(--action-hover);border-color:var(--action-hover)}
.ins-przycisk--drugi{background:#fff;color:var(--action)}
.ins-gotowe{margin-top:40px}
.ins-gotowe__pytanie{padding:24px 20px;border:1px solid var(--line);border-radius:6px;background:#f6f8fb;text-align:center}
.ins-gotowe__pytanie h2{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.ins-gotowe__przyciski{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ins-gotowe__nie{margin:14px 0 0;color:var(--muted)}
.ins-koniec{display:flex;gap:14px;align-items:center;justify-content:center;text-align:left;padding:18px 20px;border-radius:6px;background:var(--color-green, #357151);color:#fff;font-weight:600;outline:none}
.ins-koniec p{margin:0}
.ins-koniec__ikona{width:28px;height:28px;padding:5px;border-radius:50%;background:#fff;color:var(--color-green, #357151);stroke-width:3}
.ins-koniec--wejscie{animation:ins-wejscie 420ms cubic-bezier(.22,1,.36,1)}
@keyframes ins-wejscie{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.ins-faq{margin-top:48px}
.ins-faq h2{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}
.ins-dalej{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
html.ins-bez-przewijania{overflow:hidden}
@media(max-width:520px){.ins-dalej .ins-przycisk,.ins-gotowe__przyciski .ins-przycisk{flex:1 1 100%}}
/* Okno powiększenia: zrzut zawsze mieści się w ekranie (szeroki i wysoki), bez przewijania. */
.ins-modal{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:72px 24px 24px;border:0;background:transparent;overflow:hidden}
.ins-modal[open]{display:grid;place-items:center}
.ins-modal::backdrop{background:rgb(22 22 22 / 62%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ins-modal__ramka{position:relative;display:inline-block;max-width:100%;max-height:100%;animation:ins-wejscie 260ms cubic-bezier(.22,1,.36,1)}
.ins-modal img{display:block;width:auto;height:auto;max-width:calc(100vw - 48px);max-height:calc(100dvh - 96px);object-fit:contain;border-radius:6px;background:#fff;box-shadow:0 20px 60px rgb(0 0 0 / 35%)}
/* Krzyżyk poza zrzutem, w prawym górnym rogu ekranu: nie zasłania obrazka. */
.ins-modal__zamknij{position:absolute;top:-22px;right:-22px;z-index:2;display:inline-grid;place-items:center;width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:rgb(22 22 22 / 85%);color:#fff;cursor:pointer;box-shadow:0 0 0 1px rgb(0 0 0 / 35%),0 6px 18px rgb(0 0 0 / 35%)}
.ins-modal__zamknij:hover,.ins-modal__zamknij:focus-visible{background:var(--action)}
@media(max-width:600px){.ins-modal{padding:68px 12px 12px}.ins-modal img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 80px)}.ins-modal__zamknij{top:-20px;right:-8px}}
@media(prefers-reduced-motion:reduce){.ins-koniec--wejscie,.ins-modal__ramka{animation:none}.ins-zrzut__lupa{transition:none}}
.ins-logo{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:18px;font-weight:600}
.ins-logo img{display:block;width:auto;max-width:100%}
.ins-logo--ikona{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:6px;background:#eef5ff;color:var(--action)}
.ins-logo--ikona .ins-ikona{width:26px;height:26px}
.ins-firma{margin:0 0 40px;padding:20px;border:1px solid var(--line);border-radius:6px}
.ins-firma h2{margin:0 0 8px;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.02em}
.ins-firma h3{margin:18px 0 8px;font-size:17px;font-weight:600}
.ins-firma p{margin:0 0 10px}
.ins-firma__fakty{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:4px}
.ins-firma__dlaczego{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ins-firma__dlaczego li{display:flex;gap:10px;align-items:flex-start}
.ins-firma__dlaczego .ins-ikona{margin-top:3px;color:var(--color-green, #357151);stroke-width:3}
@media(max-width:1099px){
 .ins-uklad__glowa .ins-logo{margin-top:24px}
}
.ins-narzedzie{margin:16px 0 12px;padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--action);border-radius:6px;background:#f6f8fb}
.ins-narzedzie h3{margin:0 0 6px;font-size:18px;line-height:1.3;font-weight:600}
.ins-narzedzie p{margin:0 0 12px}
.ins-narzedzie__form{display:flex;flex-wrap:wrap;gap:10px}
.ins-narzedzie__form input{flex:1 1 220px;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:16px/1.4 Inter,Arial,sans-serif}
.ins-narzedzie__form .ins-przycisk[disabled]{opacity:.6;cursor:wait}
.ins-narzedzie__wynik:not(:empty){margin-top:12px;padding:12px 14px;border-radius:4px;background:#fff;border:1px solid var(--line)}
.ins-narzedzie__wynik[data-stan="ok"]{border-color:var(--color-green, #357151)}
.ins-narzedzie__wynik[data-stan="blad"]{border-color:var(--color-red, #b13e35)}
.ins-narzedzie__wynik:not(:empty){display:flex;gap:10px;align-items:flex-start}
.ins-narzedzie__wynik>.ins-ikona{flex:0 0 auto;margin-top:2px}
.ins-narzedzie__wynik[data-stan="ok"]>.ins-ikona{color:var(--color-green, #357151)}
.ins-narzedzie__wynik[data-stan="blad"]>.ins-ikona{color:var(--color-red, #b13e35)}
.ins-narzedzie__wynik[data-stan="czeka"]>.ins-ikona{color:var(--action)}
.ins-narzedzie__wynik[data-stan="czeka"]{border-color:var(--line)}
.ins-narzedzie__wynik p{margin:0}
.ins-narzedzie__tekst{display:grid;gap:4px}
.ins-kreci{animation:ins-kreci 800ms linear infinite}
@keyframes ins-kreci{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ins-kreci{animation-duration:2.4s}}
/* Spis instrukcji: lista kategorii pod wyszukiwarką, kolory kategorii, boczny spis po zjechaniu niżej. */
.ins-kat .ins-karta__ikona{background:var(--kat-tlo);color:var(--kat)}
.ins-kat .ins-karta:hover{border-color:var(--kat)}
.ins-kat h2:focus{outline:none}
.ins-kategorie ul{list-style:none;margin:20px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ins-kategorie a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:600;text-decoration:none;transition:border-color 200ms ease,background-color 200ms ease,transform 200ms cubic-bezier(.22,1,.36,1),box-shadow 200ms ease}
.ins-kategorie a:hover,.ins-kategorie a:focus-visible{border-color:var(--kat);background:var(--kat-tlo);transform:translateY(-2px);box-shadow:0 6px 16px rgb(22 22 22 / 8%)}
.ins-kategorie__ikona{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--kat-tlo);color:var(--kat)}
.ins-kategorie a:hover .ins-kategorie__ikona{background:#fff}
.ins-kategorie__ile{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--kat);color:#fff;font-size:12px;font-weight:700}
/* Po kliknięciu: ikona kategorii „podskakuje” z pierścieniem w jej kolorze, karty wjeżdżają po kolei. */
.ins-kat--cel .ins-kat__ikona{animation:ins-kat-ikona 900ms cubic-bezier(.22,1,.36,1)}
.ins-kat--cel .ins-lista>li{animation:ins-kat-karta 600ms cubic-bezier(.22,1,.36,1) both}
.ins-kat--cel .ins-lista>li:nth-child(2){animation-delay:80ms}
.ins-kat--cel .ins-lista>li:nth-child(3){animation-delay:160ms}
.ins-kat--cel .ins-lista>li:nth-child(n+4){animation-delay:240ms}
@keyframes ins-kat-ikona{0%{transform:scale(1);box-shadow:0 0 0 0 var(--kat)}30%{transform:scale(1.18)}60%{transform:scale(.96);box-shadow:0 0 0 10px transparent}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}
@keyframes ins-kat-karta{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:none}}
.ins-main--hub{max-width:1180px}
.ins-hub__boczny{display:none}
@media(min-width:1100px){
 .ins-hub{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:0 40px;align-items:start}
 .ins-hub__boczny{display:block;align-self:stretch}
 .ins-kat-spis{position:sticky;top:var(--ins-gora);margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:6px;background:#fff;opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity 260ms ease,transform 360ms cubic-bezier(.22,1,.36,1),visibility 0s linear 360ms,top var(--header-scroll-duration) var(--ease-out)}
 .ins-hub__boczny--widoczny .ins-kat-spis{opacity:1;visibility:visible;transform:none;transition:opacity 260ms ease,transform 360ms cubic-bezier(.22,1,.36,1),visibility 0s,top var(--header-scroll-duration) var(--ease-out)}
}
.ins-kat-spis h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:18px;font-weight:600}
.ins-kat-spis h2 .ins-ikona{color:var(--action)}
.ins-kat-spis ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ins-kat-spis a{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 10px;border-radius:4px;color:var(--ink);text-decoration:none;font-weight:500;transition:background-color 200ms ease,box-shadow 200ms ease}
.ins-kat-spis a .ins-ikona{color:var(--kat)}
.ins-kat-spis a:hover{background:var(--kat-tlo)}
.ins-kat-spis a[aria-current="true"]{background:var(--kat-tlo);box-shadow:inset 3px 0 0 var(--kat);font-weight:600}
@media(prefers-reduced-motion:reduce){.ins-kategorie a,.ins-kat-spis,.ins-kat-spis a{transition:none}.ins-kat--cel .ins-kat__ikona,.ins-kat--cel .ins-lista>li{animation:none}}
.ins-narzedzie--uwaga{border-left-color:var(--color-amber, #93651e);background:#fdf8ef}
.ins-slownik{display:grid;gap:12px}
.ins-haslo{padding:16px 18px;border:1px solid var(--line);border-left:4px solid var(--color-coral, #fd582c);border-radius:6px}
.ins-haslo h2{margin:0 0 6px;font-size:19px;font-weight:600}
.ins-haslo p{margin:0}
.ins-haslo:target{background:#fff6f2}
.ins-szablon .ins-forma{margin:4px 0 12px}
.ins-pola{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0 0 14px}
.ins-pola__pole{display:grid;gap:6px;min-width:0}
.ins-pola__pole--wybor{grid-column:1/-1}
.ins-pola__etykieta{font-size:14px;font-weight:600}
.ins-pola__pole input{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:16px/1.4 Inter,Arial,sans-serif}
.ins-pola__wpisane{animation:ins-wpisane 1200ms ease-out}
@keyframes ins-wpisane{0%{background:#e5f5f6;border-color:var(--color-teal, #008f9a)}100%{background:#fff}}
.ins-pole{transition:background-color 200ms ease}
.ins-pole--wpisane{background:#e5f5f6;border-radius:3px}
.ins-szablon__przyciski{display:flex;flex-wrap:wrap;gap:10px}
.ins-pola .ps-przelacznik{justify-self:start;max-width:100%}
.ins-pola .ps-przelacznik>[role="radio"]{min-width:0;padding:0 14px}
@media(max-width:600px){.ins-pola{grid-template-columns:1fr}.ins-szablon__przyciski .ins-przycisk{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.ins-pola__wpisane{animation:none}}
.ins-meta__el{position:relative;cursor:help;border-radius:4px;outline-offset:3px}
/* Tryby instrukcji (np. DNS): wybór ścieżki nad krokami, przycisk przejścia do drugiej ścieżki w kroku */
.ins-tryby{margin:0 0 32px;padding:20px 24px;border:1px solid var(--line);border-radius:8px;background:#f6f8fb}
.ins-tryby h2{margin:0 0 14px;font-size:20px}
.ins-tryby__opis{margin:12px 0 0;color:var(--muted)}
.ins-tryby .ps-przelacznik{max-width:100%}
.ins-skok{margin:16px 0 0}
.ins-tabela td:nth-child(4){font-family:ui-monospace,Consolas,monospace;font-size:14px;white-space:nowrap}
/* Logo platformy (albo ikona instrukcji) na środku nad tytułem (decyzja właściciela 12.10.2026) */
.ins-uklad__glowa>.ins-logo{display:flex;justify-content:center}
.ins-uklad__glowa>.ins-logo--ikona{display:grid;margin-inline:auto}
/* Daty dodania i aktualizacji instrukcji (liczone automatycznie przy budowie, launch/daty.json) */
.ins-daty{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;font-size:14px;color:var(--muted)}
.ins-daty span{display:inline-flex;align-items:center;gap:6px}
.ins-daty .ins-ikona{width:16px;height:16px;flex:none}
/* Pracuj z AI (launch/pracuj_z_ai.py): oficjalne logotypy asystentów, gotowe polecenie, nota o braku powiązań */
.ps-ai{margin:0 0 36px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}
.ps-ai h2{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:22px}
.ps-ai h2 .ins-ikona{width:22px;height:22px;color:var(--action)}
.ps-ai>p{margin:0 0 16px;color:var(--muted)}
.ps-ai__lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ps-ai__przycisk{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:96px;padding:14px 8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;transition:border-color 200ms ease,transform 200ms ease,box-shadow 200ms ease}
.ps-ai__przycisk img{display:block;width:28px;height:28px;object-fit:contain}
.ps-ai__przycisk:hover,.ps-ai__przycisk:focus-visible{border-color:var(--action);transform:translateY(-2px);box-shadow:0 8px 20px rgb(22 22 22 / 8%)}
.ps-ai__polecenie{margin:16px 0 0}
.ps-ai__polecenie summary{cursor:pointer;font-weight:600;color:var(--action)}
.ps-ai__polecenie pre{white-space:pre-wrap;max-height:280px;overflow:auto;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:6px;background:#f6f8fb;font-size:13px;line-height:1.5}
.ps-ai__status{margin:10px 0 0!important;min-height:1.4em;font-size:14px;color:var(--ink)!important}
.ps-ai__nota{margin:6px 0 0!important;font-size:12px}
@media(max-width:600px){.ps-ai{padding:18px}.ps-ai__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ps-ai__przycisk{transition:none}.ps-ai__przycisk:hover{transform:none}}
.ps-ai__przycisk[data-ai="chatgpt"] img{width:38px;height:38px;margin:-5px}
/* Podkategorie w spisie /instrukcje */
.ins-lista .ins-podkat{list-style:none}
.ins-podkat h3{display:flex;align-items:center;gap:10px;margin:18px 0 10px;font-size:17px}
.ins-podkat:first-child h3{margin-top:4px}
.ins-podkat__ikona{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--kat-tlo, #eaf2ff);color:var(--kat, var(--action))}
.ins-podkat__ikona .ins-ikona{width:17px;height:17px}
.ins-podkat>.ins-lista{margin:0}
/* Hierarchia (decyzja właściciela 12.10.2026): kategoria, niżej podkategorie wsunięte o jeden poziom (wszystkie tak samo),
   a ich karty o kolejny, równo z nazwą podkategorii (ikona 30px + odstęp 10px) */
.ins-lista>.ins-podkat{margin-left:24px;min-width:0}
.ins-podkat>.ins-lista{margin-left:40px;min-width:0}.ins-lista>li{min-width:0}
@media(max-width:600px){.ins-lista>.ins-podkat{margin-left:12px}.ins-podkat>.ins-lista{margin-left:20px}}
/* Czynniki do rozważenia i porównanie usług (w „Czym jest …?”); zamiast tabeli okienko „Pomóż mi wybrać” (wybor.js) */
.ins-czynniki{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.ins-czynnik{display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.ins-czynnik__ocena{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%}
.ins-czynnik__ocena .ins-ikona{width:15px;height:15px}
.ins-czynnik--zaleta .ins-czynnik__ocena{background:#e7f3ec;color:var(--color-green, #357151)}
.ins-czynnik--neutralne .ins-czynnik__ocena{background:#eef1f5;color:var(--muted, #586477)}
.ins-czynnik--wada .ins-czynnik__ocena{background:#fdf1e4;color:var(--color-amber, #93651e)}
.ins-czynnik strong{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}
.ins-porownanie__kiedy{margin:8px 0 12px;padding-left:20px}
/* „Sprawdź u źródła” (launch/zrodla.py): minimalistyczny link do oficjalnej strony dostawcy z datą odczytu */
.ps-zrodla{display:inline-flex;flex-wrap:wrap;gap:4px 14px;vertical-align:baseline}
.ps-zrodla-akapit{margin:10px 0 0!important}
.ps-zrodlo{display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:1.4;font-weight:500;color:var(--muted, #586477);text-decoration:none;border-bottom:1px dotted currentColor;transition:color 160ms ease}
.ps-zrodlo:hover,.ps-zrodlo:focus-visible{color:var(--action, #0068df)}
.ps-zrodlo .ins-ikona{width:14px;height:14px;flex:none}
.ps-zrodlo__data{font-weight:400}
/* Ankieta „Pomóż mi wybrać” (launch/ankieta.py, ankieta.js): okienko (okno.css) z pytaniami i najlepiej pasującym
   wariantem; pytanie nad odpowiedzią, przełącznik na całą szerokość okna, cele min. 44 px */
.ps-ankieta{margin:14px 0 4px}
.ps-ankieta__pytanie,.ps-wybor__pytanie{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line)}
.ps-okno__tresc>.ps-ankieta__pytanie:first-child{border-top:0;padding-top:4px}
.ps-ankieta__etykieta,.ps-wybor__etykieta{font-weight:600}
.ps-okno .ps-przelacznik{display:flex;width:100%}
.ps-okno .ps-przelacznik>[role="radio"]{flex:1 1 0;min-width:0;min-height:44px;padding:6px 12px;line-height:1.25}
.ps-ankieta__licznik{display:inline-flex;align-items:center;gap:8px}
.ps-ankieta__licznik button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}
.ps-ankieta__licznik button:hover,.ps-ankieta__licznik button:focus-visible{border-color:var(--action);color:var(--action)}
.ps-ankieta__licznik .ins-ikona{width:16px;height:16px}
.ps-ankieta__licznik output{min-width:3ch;text-align:center;font-weight:700;font-size:17px}
.ps-ankieta__wynik{margin-top:8px;padding:12px 14px;border-radius:8px;background:#f2f8f4;border:1px solid #cfe5d7}
.ps-ankieta__wynik:empty{display:none}
.ps-ankieta__wynik p{margin:0}
.ps-ankieta__koszt{margin-top:4px!important;font-weight:600}
.ps-ankieta__nota{margin:10px 0 0;font-size:13px;color:var(--muted)}
/* Okienko „Pomóż mi wybrać” przy porównaniu usług (launch/wybor.py, wybor.js; okno: okno.css). Pytania jedno pod
   drugim, przełącznik na całą szerokość (cele min. 44 px), wynik na bieżąco, pod nim lista wszystkich różnic. */
.ps-wybor__start{margin:14px 0 0!important}
.ps-okno__wstep+.ps-wybor__pytanie{border-top:0}
.ps-wybor__wynik{margin-top:8px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--color-surface, #f6f8fb)}
.ps-wybor__podsumowanie p{margin:0}
.ps-wybor__polecamy{font-size:17px;line-height:1.4}
.ps-wybor__za{margin-top:10px!important;font-weight:600}
.ps-wybor__powody{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.ps-wybor__powody li{display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.ps-wybor__powody .ins-ikona{width:18px;height:18px;margin-top:2px}
.ps-wybor__powod .ins-ikona{color:var(--color-green, #357151);stroke-width:3}
.ps-wybor__uwaga .ins-ikona{color:var(--color-amber, #93651e)}
.ps-wybor__usluga{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ps-wybor__koszt{margin:0;line-height:1.5}
.ps-wybor__nota{color:var(--muted);font-size:14px}
.ps-wybor__koszt .ps-zrodla{display:block;margin-top:4px}
.ps-wybor__akcje{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ps-wybor__akcje .ins-przycisk{min-width:0;text-align:left}
@media(max-width:520px){.ps-wybor__akcje .ins-przycisk{flex:1 1 100%}}
/* Wszystkie różnice: czynnik, pod nim każda usługa z oceną i tekstem (zamiast szerokiej tabeli) */
.ps-roznice{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.ps-roznice>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:600;color:var(--action);cursor:pointer;list-style:none;border-radius:8px}
.ps-roznice>summary::-webkit-details-marker{display:none}
.ps-roznice>summary .ins-ikona{width:18px;height:18px;transition:transform 220ms ease}
.ps-roznice[open]>summary .ins-ikona{transform:rotate(180deg)}
.ps-roznice>summary:focus-visible{outline-offset:2px}
.ps-roznice__tresc{padding:0 14px 14px}
.ps-roznice__legenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px!important;font-size:13px;color:var(--muted)}
.ps-roznice__legenda>span{display:inline-flex;align-items:center;gap:6px}
.ps-roznice__legenda .ins-czynnik__ocena{width:20px;height:20px}
.ps-roznice__legenda .ins-czynnik__ocena .ins-ikona{width:13px;height:13px}
.ps-roznice__lista{list-style:none;margin:0;padding:0;display:grid}
.ps-roznice__czynnik{padding:10px 0;border-top:1px solid var(--line)}
.ps-roznice__nazwa{display:block;margin-bottom:6px;font-weight:600}
.ps-roznice__czynnik ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ps-roznice .ins-czynnik{font-size:15px}
.ps-roznice .ins-czynnik strong{text-decoration:none;cursor:auto}
.ps-roznice .ins-czynnik>span:last-child{min-width:0;overflow-wrap:anywhere}
.ps-roznice[data-widok="prosty"] .ps-roznice__pelny,.ps-roznice[data-widok="zaawansowany"] .ps-roznice__krotki{display:none}
.ps-roznice__widok{margin:0 0 12px}
.ps-roznice__nota{margin:10px 0 0;font-size:13px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.ps-roznice>summary .ins-ikona{transition:none}}

/* Informacja pod „Wyślij maila” widoczna przed kliknięciem (decyzja właściciela 12.10.2026, RODO art. 13) */
.ins-szablon__info{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.ins-szablon__info a{color:inherit;text-underline-offset:3px}
/* „Nie wiesz, gdzie masz pocztę?” (api/gdzie-jest-poczta.js): wynik informacyjny, linki do poczty i panelu, „Wpisz do maila”. */
.ins-narzedzie__wynik[data-stan="info"]{border-color:var(--action)}
.ins-narzedzie__wynik[data-stan="info"]>.ins-ikona{color:var(--action)}
.ins-narzedzie__linki{display:flex;flex-wrap:wrap;gap:6px 20px}
.ins-narzedzie__linki a{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-weight:600}
.ins-narzedzie__linki .ins-ikona{width:18px;height:18px}
.ins-narzedzie__wpisz{margin-top:6px}
.ins-narzedzie__wpisz[disabled]{cursor:default;opacity:1;border-color:var(--color-green, #357151);color:var(--color-green, #357151);background:#fff}
.ins-faq .ins-narzedzie--poczta{margin:4px 0 8px}