/* R75-B (31.10.2026) - darmowe narzędzia: cała sekcja w jednym kontenerze i jednym wyglądzie R73.
   Filip (zrzut /narzedzia/zhakowane-konto/): napis „Zapisaliśmy to narzędzie…” bez stylu przy lewej krawędzi,
   „Poradniki do tego narzędzia” jako goła lista przy lewej krawędzi (poza kontenerem 1040 px).
   Co tu jest (strony narzędzi /narzedzia/<slug>/ i lista /narzedzia/):
     1. Jeden kontener 1040 px na wszystko pod nagłówkiem: narzędzie, napis o pamięci, karta usługi, poradniki, osadzanie,
        „Inne darmowe narzędzia”, a na /narzedzia/ nagłówek i lista. Te same odstępy między blokami (32 px, telefon 24 px).
     2. Napis o pamięci przeglądarki (r60-narzedzia.php, #ljk-narz-offline): mała szara linia z ikoną pod narzędziem.
        Element ma wysokość 0 i zawsze zajmuje swoje miejsce w odstępie pod narzędziem - gdy skrypt go odkrywa (atrybut
        hidden znika), nic się nie przesuwa (CLS 0). Ukryty: visibility:hidden (niewidoczny też dla czytników).
     3. „Dalej:” - napis i spokojne pigułki (białe, cienka ramka, fiolet), 44 px na telefonie.
     4. „Pasująca usługa w sklepie” - biała karta R73, przycisk główny R73 (--r73-btn-1-*), link trzeci.
     5. „Poradniki do tego narzędzia” (r49-narzedzia-poradniki.php, nowy HTML) - karty jak „Inne darmowe narzędzia”.
     6. „Osadź to narzędzie” - biała karta z ikoną i strzałką, pole kodu i przycisk w środku.
     7. „Inne darmowe narzędzia” - wcięcie 16 px jak narzędzie (karty równo z nim), nagłówek sekcji jak na głównej (R74).
   Ładowany przez r75.php (wp_head 1090). Siła: html:root body.ljk-r75:not(#r75a#r75b) - wygrywa z R73 (ta sama waga, później). */

/* ================= 1. jeden kontener ================= */
html:root body.ljk-r75:not(#r75a#r75b) .entry-content>:is(div.lnz-glowa,div.lnz-app,aside.lnz-usl,section.lnz-porad,div.ljk-nz-osadz,div.lnz-hub,p#ljk-narz-offline){
  box-sizing:border-box;width:auto;max-width:1040px;margin-left:auto!important;margin-right:auto!important;padding-left:16px;padding-right:16px;
}
html:root body.ljk-r75:not(#r75a#r75b) .entry-content>div.lnz-app{margin-bottom:0}
html:root body.ljk-r75:not(#r75a#r75b) .entry-content>:is(aside.lnz-usl,section.lnz-porad,div.ljk-nz-osadz){margin-top:32px!important;margin-bottom:0!important}
/* zaraz pod narzędziem jest miejsce na napis o pamięci (1 linia na komputerze, 2 na telefonie) */
html:root body.ljk-r75:not(#r75a#r75b) .entry-content>p#ljk-narz-offline+:is(aside.lnz-usl,section.lnz-porad,div.ljk-nz-osadz){margin-top:44px!important}
/* „Inne darmowe narzędzia”: ten sam kontener i to samo wcięcie 16 px co narzędzie (bazowe .lnz), karty równo z narzędziem */
html:root body.ljk-r75:not(#r75a#r75b) .entry-content>div.lnz-dalej{box-sizing:border-box;max-width:1040px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}

/* ================= 2. napis o pamięci przeglądarki ================= */
html:root body.ljk-r75:not(#r75a#r75b) p#ljk-narz-offline{
  display:flow-root!important;position:relative;height:0;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border:0;background:none;overflow:visible;
  color:var(--r72-szary,#5b5470);font-size:13px;line-height:18px;visibility:visible;
}
html:root body.ljk-r75:not(#r75a#r75b) p#ljk-narz-offline[hidden]{visibility:hidden}
html:root body.ljk-r75:not(#r75a#r75b) p#ljk-narz-offline>svg{position:absolute;top:13px;left:16px;width:16px;height:16px;color:var(--r72-akcent-c,#6d28d9)}
html:root body.ljk-r75:not(#r75a#r75b) p#ljk-narz-offline>span{position:absolute;top:12px;left:40px;right:16px;display:block}

/* ================= 3. „Dalej:” pod wynikiem ================= */
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-nast{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 0;padding:0;
  color:var(--r72-szary,#5b5470);font-size:14px;font-weight:600;line-height:1.3;
}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-nast a{
  display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--r72-linia2,#ddd3ec);border-radius:999px;
  background:#fff;box-shadow:none;color:var(--r72-akcent-c,#6d28d9);font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;transform:none;
  transition:border-color .15s ease;
}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-nast a:hover{border-color:var(--r72-akcent,#7c3aed);background:#fff;color:var(--r72-akcent-cc,#5b21b6)}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-nast a:focus-visible{outline:3px solid var(--r72-akcent,#7c3aed);outline-offset:2px}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-nast a::after{content:none;display:none}

/* ================= 4. „Pasująca usługa w sklepie” ================= */
html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lnz-usl-in{
  gap:16px 20px;padding:20px 24px;border:1px solid var(--r72-linia,#ebe5f4);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(29,21,48,.06);
}
html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lajk-sc-platicon{width:48px;height:48px;border-radius:12px}
html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lnz-usl-k{margin:0;color:var(--r72-szary,#5b5470);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none}
html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lnz-usl-n{margin:2px 0 4px!important;color:var(--r72-atrament,#1d1530);font-size:18px;font-weight:700;line-height:1.3}
html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lnz-usl-c{margin:0;color:#4a4560;font-size:14.5px;line-height:1.5}
html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lnz-usl-c b{color:var(--r72-atrament,#1d1530)}
html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lnz-usl-a{gap:6px}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-usl-b{
  min-height:var(--r73-btn-min,48px);padding:0 24px;border:0;border-radius:var(--r73-btn-r,12px);
  background:var(--r73-btn-1-tlo,linear-gradient(135deg,#e11d74 0%,#d63a1e 100%));box-shadow:var(--r73-btn-1-cien,0 1px 2px rgba(29,21,48,.14));
  color:var(--r73-btn-1-tekst,#fff);filter:none;font-size:15px;font-weight:700;transform:none;
}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-usl-b:hover{background:var(--r73-btn-1-tlo-h,linear-gradient(135deg,#c0135f 0%,#b8321a 100%));box-shadow:var(--r73-btn-1-cien-h,0 1px 2px rgba(29,21,48,.16));color:#fff;filter:none}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-usl-w{color:var(--r73-btn-3-tekst,#6d28d9);text-underline-offset:3px}
html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-usl-w:hover{color:var(--r73-btn-3-tekst-h,#5b21b6)}
html:root body.ljk-r75:not(#r75a#r75b) .lnz :is(.lnz-usl-b,.lnz-usl-w):focus-visible{outline:var(--r73-fokus,3px solid #7c3aed);outline-offset:3px}

/* ================= 5. „Poradniki do tego narzędzia” ================= */
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad{display:block}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad h2.lnz-porad-h{
  margin:0 0 14px;padding:0;color:var(--r72-atrament,#1d1530);font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;
  font-size:clamp(1.15rem,1rem + .5vw,1.35rem);font-weight:700;line-height:1.25;letter-spacing:-.01em;text-transform:none;
}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad ul.lnz-porad-l{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad ul.lnz-porad-l>li{min-width:0;margin:0;padding:0;list-style:none}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad ul.lnz-porad-l>li::before,
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad ul.lnz-porad-l>li::marker{content:none}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad a.lnz-porad-a{
  display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:14px;box-sizing:border-box;height:100%;min-height:72px;
  margin:0;padding:14px 16px;border:1px solid var(--r72-linia2,#ddd3ec);border-radius:14px;background:#fff;box-shadow:none;
  color:var(--r72-atrament,#1d1530);text-decoration:none;transform:none;transition:border-color .15s ease;
}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad a.lnz-porad-a:hover{border-color:var(--r72-akcent,#7c3aed);background:#fff;color:var(--r72-atrament,#1d1530)}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad a.lnz-porad-a:focus-visible{outline:3px solid var(--r72-akcent,#7c3aed);outline-offset:2px}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad .lnz-porad-ik{
  display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;
  background:var(--r72-akcent-j,#f3edff);color:var(--r72-akcent-c,#6d28d9);
}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad .lnz-porad-ik svg{display:block;width:20px;height:20px}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad .lnz-porad-t{display:block;min-width:0}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad .lnz-porad-t>strong{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0;
  color:var(--r72-atrament,#1d1530);font-size:15.5px;font-weight:600;line-height:1.35;overflow-wrap:break-word;
}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad .lnz-porad-t>span{display:block;margin:3px 0 0;color:var(--r72-szary,#5b5470);font-size:13.5px;line-height:1.4}
html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad a.lnz-porad-a:hover .lnz-porad-t>strong{color:var(--r72-akcent-c,#6d28d9)}
@media (min-width:700px){
  html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad ul.lnz-porad-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:root body.ljk-r75:not(#r75a#r75b) section.lnz-porad ul.lnz-porad-l>li:last-child:nth-child(odd){grid-column:1/-1}
}

/* ================= 6. „Osadź to narzędzie na swojej stronie” ================= */
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details{
  margin:0;padding:0;border:1px solid var(--r72-linia,#ebe5f4);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(29,21,48,.06);overflow:hidden;
}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details[open]{padding-bottom:20px}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>summary{
  display:flex;align-items:center;gap:12px;min-height:60px;margin:0;padding:8px 16px 8px 14px;box-sizing:border-box;list-style:none;cursor:pointer;
  border:0;border-radius:0;background:#fff;color:var(--r72-atrament,#1d1530);font-size:16px;font-weight:600;line-height:1.35;
}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>summary::-webkit-details-marker{display:none}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>summary::marker{content:""}
/* ikona „kod” w jasnofioletowym kwadracie */
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>summary::before{
  content:"";flex:0 0 36px;width:36px;height:36px;border-radius:10px;
  background:var(--r72-akcent-j,#f3edff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 8-4 4 4 4M16 8l4 4-4 4M13.5 5l-3 14'/%3E%3C/svg%3E") center/18px no-repeat;
}
/* strzałka po prawej */
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>summary::after{
  content:"";flex:0 0 20px;width:20px;height:20px;margin-left:auto;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/20px no-repeat;
  transition:transform .15s ease;
}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details[open]>summary{border-bottom:1px solid var(--r72-linia,#ebe5f4)}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details[open]>summary::after{transform:rotate(180deg)}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>summary:hover{background:var(--r72-tlo-f,#faf7ff)}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>summary:focus-visible{outline:3px solid var(--r72-akcent,#7c3aed);outline-offset:-3px}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>:not(summary){box-sizing:border-box;margin-left:20px;margin-right:20px}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>p{margin-top:16px;margin-bottom:0;color:#4a4560;font-size:14.5px;line-height:1.55}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>label{display:block;margin-top:14px;margin-bottom:6px;color:var(--r72-atrament,#1d1530);font-size:14px;font-weight:600}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>textarea{
  display:block;width:calc(100% - 40px);max-width:none;min-height:110px;margin-top:0;margin-bottom:0;padding:12px 14px;resize:vertical;
  border:1px solid var(--r72-linia2,#ddd3ec);border-radius:12px;background:var(--r72-tlo-f,#faf7ff);
  color:var(--r72-atrament,#1d1530);font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5;
}
html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>.lnz-btn{margin-top:12px;margin-bottom:0;min-height:44px}

/* ================= 7. „Inne darmowe narzędzia” i nagłówki sekcji ================= */
html:root body.ljk-r75:not(#r75a#r75b) div.lnz-dalej>h2{
  margin-top:0;padding:0;color:var(--r71-atrament,#1d1530);font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;
  font-size:clamp(1.5rem,.9rem + 1.7vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.018em;text-transform:none;
}
html:root body.ljk-r75:not(#r75a#r75b) div.lnz-dalej .lnz-wszystkie a{border:1px solid var(--r73-btn-2-ramka,#7c3aed);border-radius:var(--r73-btn-r,12px);background:var(--r73-btn-2-tlo,#fff);color:var(--r73-btn-2-tekst,#6d28d9);font-weight:600}
html:root body.ljk-r75:not(#r75a#r75b) div.lnz-dalej .lnz-wszystkie a:hover{background:var(--r73-btn-2-tlo-h,#f3edff);color:var(--r73-btn-2-tekst,#6d28d9)}
html:root body.ljk-r75:not(#r75a#r75b) div.lnz-dalej .lnz-wszystkie a:focus-visible{outline:var(--r73-fokus,3px solid #7c3aed);outline-offset:2px}

/* ================= telefon ================= */
@media (max-width:767px){
  html:root body.ljk-r75:not(#r75a#r75b) .entry-content>:is(aside.lnz-usl,section.lnz-porad,div.ljk-nz-osadz){margin-top:24px!important}
  html:root body.ljk-r75:not(#r75a#r75b) .entry-content>p#ljk-narz-offline+:is(aside.lnz-usl,section.lnz-porad,div.ljk-nz-osadz){margin-top:58px!important}
  html:root body.ljk-r75:not(#r75a#r75b) p#ljk-narz-offline>span{top:10px}
  html:root body.ljk-r75:not(#r75a#r75b) p#ljk-narz-offline>svg{top:11px}
  html:root body.ljk-r75:not(#r75a#r75b) .lnz .lnz-nast a{min-height:44px}
  html:root body.ljk-r75:not(#r75a#r75b) aside.lnz-usl .lnz-usl-in{padding:16px}
  html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>:not(summary){margin-left:16px;margin-right:16px}
  html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>textarea{width:calc(100% - 32px)}
  html:root body.ljk-r75:not(#r75a#r75b) div.ljk-nz-osadz>details>.lnz-btn{width:calc(100% - 32px)}
}

@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r75:not(#r75a#r75b) :is(.lnz .lnz-nast a,section.lnz-porad a.lnz-porad-a,div.ljk-nz-osadz>details>summary::after){transition:none}
}

/* R75 (31.10.2026, po sprawdzeniu na żywo): linki „Wszystkie narzędzia” i grupa bez kropki „·” - odstęp robi margines */
html:root body.ljk-r75:not(#r75a#r75b) .lnz-wszystkie a+a{margin-left:16px}
html:root body.ljk-r75:not(#r75a#r75b) div.lnz-dalej .lnz-wszystkie a+a{margin-left:0}