/* Bloki procedur i dossier (01.10.2026) — wygląd. Struktura i konwencje treści: inc/bloki.php,
   interakcja: js/bloki.js. Arkusz ładuje się też w edytorze (enqueue_block_assets), więc reguły
   dla czystej treści (bez klas dokładanych przez skrypt) muszą wyglądać przyzwoicie same.
   Kolory wariantu C; tokeny podane z wartością zapasową, bo w edytorze wyglad.css nie działa. */

.is-style-hb-quiz,.is-style-hb-ciekawostka,.is-style-hb-rolka,.is-style-hb-slowa,.is-style-hb-sklep,
.is-style-hb-szablon,.is-style-hb-persona,.hb-drzewo,.hb-spis-ksiazki,
.wp-block-table.is-style-hb-metryczka,.wp-block-table.is-style-hb-os-czasu,ul.is-style-hb-kontakty,
.hb-lk-gora+ul.is-style-hb-lista-kontrolna{
  background:var(--s1,#fff);border-radius:14px;margin:18px 0 22px
}
.is-style-hb-quiz,.is-style-hb-ciekawostka,.is-style-hb-slowa,.is-style-hb-szablon,.is-style-hb-persona,.hb-drzewo{padding:18px 20px 16px}
.doc .is-style-hb-quiz p,.doc .is-style-hb-ciekawostka p,.doc .is-style-hb-rolka p,.doc .is-style-hb-szablon p,.doc .is-style-hb-persona p{max-width:none}

/* przycisk kopiowania wspólny dla bloków */
.hb-kop{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--s2,#eef2f7);color:var(--ton-tx,#0b6b97);border-radius:999px;
  padding:5px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1.4}
.hb-kop:hover{background:var(--s3,#e2e8f0)}
.hb-kop.ok{background:var(--ok-ton,#e3f1ea);color:var(--ok,#16875a)}
.hb-tryb{display:inline-flex;background:var(--s2,#eef2f7);border-radius:999px;padding:3px}
.hb-tryb button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--dim,#5a6b82);padding:4px 11px;border-radius:999px;cursor:pointer}
.hb-tryb button.on{background:var(--s1,#fff);color:var(--tx,#16323F);box-shadow:0 1px 3px rgba(22,50,63,.1)}

/* źródło i instrukcja: rozwijane szczegóły */
.wp-block-details.is-style-hb-zrodlo{font-size:13.5px;color:var(--dim,#5a6b82);margin:10px 0 0}
.wp-block-details.is-style-hb-zrodlo summary,.wp-block-details.is-style-hb-instrukcja summary{cursor:pointer;font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:6px}
.wp-block-details.is-style-hb-zrodlo summary{color:var(--ton-tx,#0b6b97)}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details.is-style-hb-zrodlo summary::before,.wp-block-details.is-style-hb-instrukcja summary::before{content:"›";font-size:17px;line-height:1;transition:transform .15s}
.wp-block-details.is-style-hb-zrodlo[open] summary::before,.wp-block-details.is-style-hb-instrukcja[open] summary::before{transform:rotate(90deg)}
.doc .wp-block-details.is-style-hb-zrodlo p{font-size:13.5px;line-height:1.55;color:var(--dim,#5a6b82);margin:8px 0 0;padding:10px 12px;background:var(--bg,#f2f5f9);border-radius:10px}
.wp-block-details.is-style-hb-instrukcja{background:color-mix(in srgb,#6E3B9B 10%,#fff);color:#4a2a69;border-radius:14px;padding:12px 16px;margin:14px 0 18px}
.wp-block-details.is-style-hb-instrukcja summary{font-size:14px;font-weight:700}
.doc .wp-block-details.is-style-hb-instrukcja p,.doc .wp-block-details.is-style-hb-instrukcja li{font-size:15px;color:inherit;margin:10px 0 0}

/* ——— 1. QUIZ ——— */
.is-style-hb-quiz .wp-block-group{margin:0}
.is-style-hb-quiz.hb-gotowy .hb-quiz-tytul{margin:0 0 4px;font-size:18px}
.hb-quiz-gora{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;color:var(--dim,#5a6b82)}
.hb-quiz-gora .hb-tryb{margin-left:auto}
.doc .hb-quiz-pyt{font-size:17px;font-weight:650;line-height:1.45;margin:0 0 12px;color:var(--tx,#16323F)}
.hb-quiz-odp{display:grid;gap:8px}
.hb-odp{display:flex;gap:12px;align-items:flex-start;text-align:left;border:0;background:var(--s2,#eef2f7);border-radius:12px;padding:11px 14px;
  font:inherit;font-size:15.5px;line-height:1.45;color:var(--tx,#16323F);cursor:pointer}
.hb-odp:hover{background:var(--s3,#e2e8f0)}
.hb-odp .lit{flex:none;width:24px;height:24px;border-radius:50%;background:var(--s1,#fff);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--dim,#5a6b82)}
.hb-odp.dobra,.sciaga .hb-odp.poprawna{background:var(--ok-ton,#e3f1ea);color:#0d5a3b}
.hb-odp.dobra .lit,.sciaga .hb-odp.poprawna .lit{background:var(--ok,#16875a);color:#fff}
.hb-odp.zla{background:var(--red-ton,#fae7ea);color:var(--red-tx,#8e2418)}
.hb-odp.zla .lit{background:#c8102e;color:#fff}
.odpowiedziano .hb-odp,.sciaga .hb-odp{cursor:default}
.hb-quiz-wyj{display:none;margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--ton,#dff0f9);color:#0b4f70}
.hb-quiz-wyj b:first-child{display:block;margin-bottom:2px;font-size:15px}
.doc .hb-quiz-wyj p{font-size:15px;line-height:1.6;color:inherit;margin:0 0 6px}
.odpowiedziano .hb-quiz-wyj,.sciaga .hb-quiz-wyj{display:block}
.hb-quiz-dol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
.hb-quiz-paski{display:flex;gap:6px;margin-right:auto}
.hb-quiz-paski button{width:28px;height:6px;border:0;padding:0;border-radius:3px;background:var(--s3,#e2e8f0);cursor:pointer}
.hb-quiz-paski button.on{background:var(--acc,#159BD6)}
.hb-quiz-nast{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ton-tx,#0b6b97);cursor:pointer;padding:4px 6px}
.hb-quiz-nast:disabled{color:var(--dim2,#8795a9);cursor:default}
/* w edytorze i bez skryptu: poprawna odpowiedź widoczna jako pogrubienie */
.is-style-hb-quiz:not(.hb-gotowy) .wp-block-group+.wp-block-group{border-top:1px solid var(--s2,#eef2f7);padding-top:12px;margin-top:12px}

/* ——— 2. CIEKAWOSTKA ——— */
.hb-numer{display:inline-block;font-size:12.5px;font-weight:700;color:var(--warn-tx,#7a4a00);background:var(--warn-ton,#fdf0d9);border-radius:999px;padding:2px 10px;margin:0 0 10px}
.doc .is-style-hb-ciekawostka>p:first-child,.doc .is-style-hb-ciekawostka .hb-hak{font-size:19px;font-weight:650;line-height:1.45;color:var(--tx,#16323F);margin:0 0 10px}
.is-style-hb-ciekawostka .hb-kop{margin-top:12px;float:right}
.is-style-hb-ciekawostka::after{content:"";display:block;clear:both}

/* ——— 3. ROLKA ——— */
.is-style-hb-rolka{overflow:hidden;padding:0}
.hb-rolka-hak{background:var(--tx,#16323F);color:#fff;padding:18px 20px}
.hb-rolka-hak .et,.hb-rolka-tekst .et{font-size:12.5px;font-weight:700;margin:0 0 6px;display:flex;gap:10px;align-items:center}
.hb-rolka-hak .et{color:#9fc3d6}
.hb-rolka-hak .czas{margin-left:auto;font-weight:600;color:#cfe0ea;background:rgba(255,255,255,.1);border-radius:999px;padding:2px 9px}
.doc .hb-rolka-hak p{margin:0;font-size:19px;font-weight:650;line-height:1.45;color:#fff}
.hb-rolka-tekst{padding:16px 20px 16px}
.hb-rolka-tekst .et{color:var(--dim,#5a6b82)}
.doc .hb-rolka-tekst p{margin:0 0 12px}
.hb-wym{font-size:.8em;color:#6E3B9B;background:color-mix(in srgb,#6E3B9B 10%,#fff);border-radius:6px;padding:0 5px;margin-left:3px;white-space:nowrap}
.hb-rolka-hak .hb-wym{color:#e6d6f5;background:rgba(255,255,255,.12)}
/* bez skryptu (edytor): pierwszy akapit wyróżniony */
.is-style-hb-rolka:not(:has(.hb-rolka-hak)){padding:18px 20px}
.is-style-hb-rolka:not(:has(.hb-rolka-hak))>p:first-child{font-weight:700}

/* ——— 4. METRYCZKA ——— */
.wp-block-table.is-style-hb-metryczka{overflow:hidden}
.doc .wp-block-table.is-style-hb-metryczka table{width:100%;border-collapse:collapse;min-width:0}
.doc .wp-block-table.is-style-hb-metryczka td{border:0;border-bottom:1px solid var(--s2,#eef2f7);padding:11px 16px;font-size:15px;vertical-align:top}
.doc .wp-block-table.is-style-hb-metryczka tr:last-child td{border-bottom:0}
.doc .wp-block-table.is-style-hb-metryczka td:first-child{width:180px;color:var(--dim,#5a6b82);font-size:13.5px;font-weight:600}
.doc .wp-block-table.is-style-hb-metryczka td.hb-kop-kom{width:1%;text-align:right;white-space:nowrap}
.hb-kop-kom .hb-kop{opacity:0;transition:opacity .12s}
.is-style-hb-metryczka tr:hover .hb-kop,.hb-kop-kom .hb-kop:focus-visible,.hb-kop-kom .hb-kop.ok{opacity:1}
@media (hover:none){.hb-kop-kom .hb-kop{opacity:1}}
.hb-brak{color:var(--warn-tx,#7a4a00);background:var(--warn-ton,#fdf0d9);border-radius:6px;padding:1px 7px;font-size:13.5px}

/* ——— 5. SŁOWA KLUCZOWE ——— */
.doc .is-style-hb-slowa p{font-size:14px;color:var(--dim,#5a6b82);margin:0 0 8px}
.doc .is-style-hb-slowa p strong{font-weight:700}
.hb-frazy{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.hb-fraza{border:0;background:var(--s2,#eef2f7);border-radius:999px;padding:5px 12px;font:inherit;font-size:14px;color:var(--tx,#16323F);cursor:pointer}
.hb-fraza:hover{background:var(--ton,#dff0f9);color:var(--ton-tx,#0b6b97)}
.hb-fraza.ok{background:var(--ok-ton,#e3f1ea);color:var(--ok,#16875a)}
.hb-slowa-dol{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--dim,#5a6b82)}

/* ——— 6. BLOK SKLEPU ——— */
.is-style-hb-sklep{overflow:hidden;padding:0}
.is-style-hb-sklep:not(:has(.hb-sklep-gora)){padding:14px 18px}
.hb-sklep-gora{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--s2,#eef2f7)}
.hb-sklep-gora b{font-size:14px;margin-right:auto;padding-left:6px}
.hb-sklep-pod{padding:14px 18px}
.doc .hb-sklep-pod h2,.doc .hb-sklep-pod h3,.doc .hb-sklep-pod h4{font-size:17px;margin:10px 0 6px}
.doc .hb-sklep-pod p,.doc .hb-sklep-pod li{font-size:15.5px}
.hb-sklep-kod{display:none;margin:0;background:#16323F;color:#e7eef3;padding:14px 18px;font:13px/1.6 var(--mono,ui-monospace,monospace);white-space:pre-wrap;word-break:break-word;border-radius:0}
.is-style-hb-sklep.pokaz-kod .hb-sklep-pod{display:none}
.is-style-hb-sklep.pokaz-kod .hb-sklep-kod{display:block}

/* ——— 8. LISTA KONTROLNA ——— */
.hb-lk-gora{display:flex;align-items:center;gap:12px;margin:14px 0 -12px;padding:14px 18px 6px;background:var(--s1,#fff);border-radius:14px 14px 0 0;font-size:13px;color:var(--dim,#5a6b82);position:relative;z-index:1}
.hb-lk-postep{flex:1;height:6px;background:var(--s2,#eef2f7);border-radius:3px;overflow:hidden}
.hb-lk-postep i{display:block;height:100%;width:0;background:var(--ok,#16875a);transition:width .2s}
.hb-lk-gora button{border:0;background:none;font:inherit;font-weight:600;color:var(--ton-tx,#0b6b97);cursor:pointer;padding:0}
.doc ul.is-style-hb-lista-kontrolna{list-style:none;padding:8px 12px 12px;border-radius:0 0 14px 14px;margin-top:0;background:var(--s1,#fff)}
.doc ul.is-style-hb-lista-kontrolna>li{padding:0;margin:0}
.doc ul.is-style-hb-lista-kontrolna>li::before{display:none}
.hb-lk-poz{display:flex;gap:12px;align-items:flex-start;padding:9px 6px;border-radius:10px;cursor:pointer}
.hb-lk-poz:hover{background:var(--bg,#f2f5f9)}
.hb-lk-poz input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;border-radius:7px;background:var(--s2,#eef2f7);margin:3px 0 0;display:grid;place-content:center;cursor:pointer}
.hb-lk-poz input:checked{background:var(--ok,#16875a)}
.hb-lk-poz input:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.hb-lk-poz input:focus-visible{outline:2px solid var(--acc,#159BD6);outline-offset:2px}
.hb-lk-poz input:checked+span{color:var(--dim,#5a6b82);text-decoration:line-through;text-decoration-color:var(--dim2,#8795a9)}

/* ——— 9. DRZEWO DECYZJI ——— */
.hb-dd-sciezka{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;font-size:12.5px;color:var(--dim,#5a6b82)}
.hb-dd-sciezka:empty{display:none}
.hb-dd-sciezka span{background:var(--bg,#f2f5f9);border-radius:999px;padding:2px 9px}
.doc .hb-dd-pyt{font-size:17px;font-weight:650;margin:0 0 12px;line-height:1.45;color:var(--tx,#16323F)}
.hb-dd-odp{display:flex;flex-wrap:wrap;gap:8px}
.hb-dd-odp button{border:0;background:var(--s2,#eef2f7);border-radius:999px;padding:9px 18px;font:inherit;font-size:15px;font-weight:600;color:var(--tx,#16323F);cursor:pointer}
.hb-dd-odp button:hover{background:var(--ton,#dff0f9);color:var(--ton-tx,#0b6b97)}
.hb-dd-wynik{border-radius:12px;padding:12px 14px;font-size:15.5px;line-height:1.55}
.hb-dd-wynik strong{display:block;margin-bottom:2px}
.hb-dd-wynik.czerw{background:var(--red-ton,#fae7ea);color:var(--red-tx,#8e2418)}
.hb-dd-wynik.zolt{background:var(--warn-ton,#fdf0d9);color:var(--warn-tx,#7a4a00)}
.hb-dd-wynik.ziel{background:var(--ok-ton,#e3f1ea);color:#0d5a3b}
.hb-dd-od{margin:12px 0 0;border:0;background:none;color:var(--ton-tx,#0b6b97);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;padding:0}
.hb-dd-od[hidden]{display:none}

/* ——— 10. SZABLON WIADOMOŚCI ——— */
.is-style-hb-szablon:has(.hb-szab-pola){padding:0;overflow:hidden}
.hb-szab-pola{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;background:var(--s2,#eef2f7)}
.hb-szab-pola label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:600;color:var(--dim,#5a6b82)}
.hb-szab-pola input{border:0;border-radius:8px;padding:7px 10px;font:inherit;font-size:14.5px;background:var(--s1,#fff);color:var(--tx,#16323F);min-width:150px}
.hb-szab-pola input:focus{outline:2px solid var(--acc,#159BD6)}
.hb-szab-tresc{padding:16px 18px 4px}
.doc .hb-szab-tresc p{font-size:16px;margin:0 0 12px}
.hb-zm{background:var(--warn-ton,#fdf0d9);color:var(--warn-tx,#7a4a00);border-radius:5px;padding:0 4px;font-weight:600}
.hb-zm.wyp{background:var(--ton,#dff0f9);color:var(--ton-tx,#0b6b97)}
.hb-szab-dol{display:flex;justify-content:flex-end;padding:0 18px 14px}

/* ——— 11. DOBRZE / ŹLE ——— */
.wp-block-columns.is-style-hb-dobrze-zle{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 22px}
.is-style-hb-dobrze-zle>.wp-block-column{border-radius:14px;padding:14px 16px;margin:0}
.is-style-hb-dobrze-zle>.wp-block-column:first-child{background:var(--red-ton,#fae7ea);color:var(--red-tx,#8e2418)}
.is-style-hb-dobrze-zle>.wp-block-column:last-child{background:var(--ok-ton,#e3f1ea);color:#0d5a3b}
.doc .is-style-hb-dobrze-zle p{font-size:15.5px;line-height:1.55;color:inherit;margin:0 0 6px}
.doc .is-style-hb-dobrze-zle p:first-child{font-size:14px;display:flex;align-items:center;gap:7px}
.is-style-hb-dobrze-zle>.wp-block-column>p:first-child::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:currentColor;
  -webkit-mask:var(--ik) center/11px no-repeat;mask:var(--ik) center/11px no-repeat}
.is-style-hb-dobrze-zle>.wp-block-column:first-child>p:first-child{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}
.is-style-hb-dobrze-zle>.wp-block-column:last-child>p:first-child{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12l5 5L20 6' stroke='black' stroke-width='4' fill='none'/%3E%3C/svg%3E")}
@media (max-width:600px){.wp-block-columns.is-style-hb-dobrze-zle{grid-template-columns:1fr}}

/* ——— 12. OŚ CZASU ——— tabela jako lista kroków, bez skryptu */
.wp-block-table.is-style-hb-os-czasu{padding:4px 18px}
.doc .wp-block-table.is-style-hb-os-czasu table{width:100%;border-collapse:collapse;min-width:0}
.is-style-hb-os-czasu thead{display:none}
.doc .wp-block-table.is-style-hb-os-czasu td{border:0;border-bottom:1px solid var(--s2,#eef2f7);padding:12px 8px 12px 0;vertical-align:top;font-size:15px;line-height:1.5}
.doc .wp-block-table.is-style-hb-os-czasu tr:last-child td{border-bottom:0}
.doc .wp-block-table.is-style-hb-os-czasu td:first-child{width:96px;font-family:var(--mono,ui-monospace,monospace);font-size:13px;font-weight:600;color:var(--ton-tx,#0b6b97);white-space:nowrap}
.doc .wp-block-table.is-style-hb-os-czasu td:first-child strong{color:#fff;background:var(--acc,#159BD6);border-radius:6px;padding:2px 7px}
.doc .wp-block-table.is-style-hb-os-czasu td:nth-child(2){color:var(--dim,#5a6b82);font-size:14px}
.doc .wp-block-table.is-style-hb-os-czasu td:nth-child(2) strong{color:var(--tx,#16323F);font-size:15.5px}
.doc .wp-block-table.is-style-hb-os-czasu td:last-child{width:1%;white-space:nowrap;text-align:right}
.doc .wp-block-table.is-style-hb-os-czasu td:last-child:not(:first-child){font-size:12px;font-weight:700;color:#6E3B9B}
@media (max-width:600px){
  .doc .wp-block-table.is-style-hb-os-czasu tr{display:grid;grid-template-columns:86px 1fr;border-bottom:1px solid var(--s2,#eef2f7);padding:10px 0}
  .doc .wp-block-table.is-style-hb-os-czasu td{border:0;padding:0 6px 0 0}
  .doc .wp-block-table.is-style-hb-os-czasu td:last-child:not(:first-child){grid-column:2;text-align:left;padding-top:4px}
}

/* ——— 13. PERSONA ——— */
.is-style-hb-persona .hb-per-aw{float:left;width:56px;height:56px;border-radius:50%;background:var(--app-ton,#fdeccd);color:var(--app-tx,#8a5300);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin:0 16px 8px 0}
.doc .is-style-hb-persona h2,.doc .is-style-hb-persona h3,.doc .is-style-hb-persona h4{margin:4px 0 2px;font-size:19px}
.doc .is-style-hb-persona h4+p{color:var(--dim,#5a6b82);font-size:14px;margin:0 0 6px}
.hb-per-cechy{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0;padding-top:4px}
.hb-per-cechy div{background:var(--bg,#f2f5f9);border-radius:12px;padding:10px 12px;font-size:14.5px;line-height:1.5}
.hb-per-cechy b{display:block;font-size:12.5px;color:var(--dim,#5a6b82);margin-bottom:2px}
.is-style-hb-persona .wp-block-quote{clear:both;margin:12px 0 0;padding:0;border:0}
.doc .is-style-hb-persona .wp-block-quote p{font-size:16px;line-height:1.55;margin:0}
.doc .is-style-hb-persona .wp-block-quote p::before{content:"„"}
.doc .is-style-hb-persona .wp-block-quote p::after{content:"”"}
@media (max-width:600px){.hb-per-cechy{grid-template-columns:1fr}}

/* ——— 14. PLIKI I NARZĘDZIA ——— */
.doc ul.is-style-hb-zasoby{list-style:none;padding:0;display:grid;gap:8px;margin:16px 0 20px}
.doc ul.is-style-hb-zasoby>li{padding:0;margin:0}
.doc ul.is-style-hb-zasoby>li::before{display:none}
.doc a.hb-zasob{display:flex;align-items:center;gap:14px;background:var(--s1,#fff);border-radius:14px;padding:12px 16px;text-decoration:none;color:var(--tx,#16323F)}
.doc a.hb-zasob:hover{background:#fafcfe;color:var(--tx,#16323F)}
.doc a.hb-zasob::after{display:none}
.hb-zasob .typ{flex:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}
.hb-zasob .t{flex:1;min-width:0}
.hb-zasob .t b{display:block;font-size:15px}
.hb-zasob .t span{font-size:13px;color:var(--dim,#5a6b82)}
.hb-zasob .strz{color:var(--dim2,#8795a9);font-size:18px}

/* ——— 15. SPIS TREŚCI KSIĄŻKI ——— numeracja rozdziałów ciągła przez części */
.hb-spis-ksiazki{padding:6px;counter-reset:rozdz}
.hb-spis-ksiazki summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;font-weight:650;font-size:15.5px;border-radius:10px}
.hb-spis-ksiazki summary::-webkit-details-marker{display:none}
.hb-spis-ksiazki summary::before{content:"›";color:var(--dim,#5a6b82);font-size:17px;transition:transform .15s}
.hb-spis-ksiazki details[open] summary::before{transform:rotate(90deg)}
.hb-spis-ksiazki summary:hover{background:var(--bg,#f2f5f9)}
.hb-spis-ksiazki summary .ile{margin-left:auto;font-weight:500;font-size:13px;color:var(--dim,#5a6b82);white-space:nowrap}
.doc .hb-spis-ksiazki ol,.doc .hb-spis-ksiazki ul{list-style:none;margin:0 0 8px;padding:0 12px 0 42px}
.doc .hb-spis-ksiazki li{counter-increment:rozdz;padding:4px 0 4px 34px;margin:0;font-size:15px;line-height:1.5;color:#31404A;position:relative}
.doc .hb-spis-ksiazki li::before{content:counter(rozdz) ".";position:absolute;left:0;top:4px;width:auto;height:auto;background:none;border-radius:0;
  font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;color:var(--dim2,#8795a9);display:block}

/* ——— 16. KOGO PYTAĆ ——— (dane osób dokłada wtyczka przy renderze) */
.doc ul.is-style-hb-kontakty{list-style:none;padding:4px 16px}
.doc ul.is-style-hb-kontakty>li{display:flex;align-items:center;gap:12px;padding:10px 0;margin:0;border-bottom:1px solid var(--s2,#eef2f7);font-size:15px}
.doc ul.is-style-hb-kontakty>li:last-child{border-bottom:0}
.doc ul.is-style-hb-kontakty>li::before{display:none}
.hb-kt-aw{width:36px;height:36px;border-radius:50%;background:var(--ton,#dff0f9);color:var(--ton-tx,#0b6b97);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.hb-kt-t{flex:1;min-width:0}
.hb-kt-t b{display:block}
.hb-kt-t span{font-size:13px;color:var(--dim,#5a6b82)}
.hb-kt-akc{display:flex;gap:6px}
.doc .hb-kt-akc a{font-size:12.5px;font-weight:600;color:var(--ton-tx,#0b6b97);background:var(--s2,#eef2f7);border-radius:999px;padding:4px 10px;text-decoration:none}
.doc .hb-kt-akc a::after{display:none}

/* Reguła odnośników w treści (handbook.css: `.doc a:not(.przyc):not(.serce)` plus strzałka przy
   linkach zewnętrznych) podkreślała karty plików i przyciski kontaktu. To elementy interfejsu,
   nie odnośniki w zdaniu, więc wracają do własnego wyglądu przy wyższej specyficzności. */
.doc a.hb-zasob:not(.przyc):not(.serce),.doc .hb-kt-akc a:not(.przyc):not(.serce){text-decoration:none}
.doc a.hb-zasob:not(.przyc):not(.serce){color:var(--tx,#16323F)}
.doc .hb-kt-akc a:not(.przyc):not(.serce){color:var(--ton-tx,#0b6b97)}
.doc a.hb-zasob[target]::after,.doc .hb-kt-akc a[target]::after{content:none;display:none}
.doc .is-style-hb-persona h4,.doc .is-style-hb-persona h3{color:var(--tx,#16323F)}

/* Spis treści książki: podrozdziały pod rozdziałem bez licznika, mniejszym stopniem. Gdy rozdziały
   mają numer w treści („Rozdział 1.”), licznik bloku znika, bo dublował numerację. */
.doc .hb-spis-ksiazki li li{counter-increment:none;padding:2px 0 2px 0;font-size:14px;color:var(--dim,#5a6b82)}
.doc .hb-spis-ksiazki li li::before{content:none}
.doc .hb-spis-ksiazki li ol,.doc .hb-spis-ksiazki li ul{padding:4px 0 6px 22px;margin:0}
.doc .hb-spis-ksiazki.z-numerem li{padding-left:0}
.doc .hb-spis-ksiazki.z-numerem li::before{content:none}

/* ═══════ 02.10.2026: W skrócie, zrzut z punktami, słowniczek, zmiany od zapoznania ═══════ */

/* ——— W skrócie ——— tabela jako karta pól; pierwszy wiersz (po co) na całą szerokość */
.doc .wp-block-table.is-style-hb-skrot{background:var(--s1,#fff);border-radius:14px;padding:14px 16px;margin:6px 0 26px}
.doc .wp-block-table.is-style-hb-skrot table{min-width:0;width:100%}
.doc .wp-block-table.is-style-hb-skrot tbody{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.doc .wp-block-table.is-style-hb-skrot tr{display:flex;flex-direction:column;gap:2px}
.doc .wp-block-table.is-style-hb-skrot tr:first-child{grid-column:1/-1}
.doc .wp-block-table.is-style-hb-skrot td{border:0;padding:0;font-size:15.5px;line-height:1.45}
.doc .wp-block-table.is-style-hb-skrot td:first-child{font-size:12.5px;font-weight:700;color:var(--dim,#5a6b82)}
.doc .wp-block-table.is-style-hb-skrot tr:first-child td:last-child{font-size:17px;font-weight:600;color:var(--tx,#16323F)}
@media (max-width:600px){.doc .wp-block-table.is-style-hb-skrot tbody{grid-template-columns:1fr}}

/* ——— zrzut ekranu z punktami ——— */
.is-style-hb-zrzut .wp-block-image{margin:0 0 12px}
.hb-zrzut-ramka{position:relative;display:inline-block;max-width:100%;line-height:0}
.hb-zrzut-ramka img{display:block;max-width:100%;height:auto}
.hb-punkt{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#E4572E;color:#fff;
  font:700 13px/28px var(--font,system-ui);text-align:center;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(0,0,0,.35);cursor:pointer;border:0;padding:0}
.hb-punkt.on,.hb-punkt:hover{background:var(--tx,#16323F)}
.doc .is-style-hb-zrzut ol > li{cursor:default;border-radius:8px;transition:background .12s}
.doc .is-style-hb-zrzut ol > li.on{background:var(--bg,#f2f5f9)}
.doc .is-style-hb-zrzut ol > li::before{background:#E4572E;color:#fff}
.hb-zrzut-tryb{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13px;color:var(--dim,#5a6b82)}
.hb-zrzut-ramka.wyznaczanie{cursor:crosshair;outline:2px dashed #E4572E;outline-offset:3px}
.hb-zrzut-kursor{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid #E4572E;pointer-events:none}

/* ——— słowniczek ——— */
.doc ul.is-style-hb-slowniczek{list-style:none;padding:6px 16px;background:var(--s1,#fff);border-radius:14px}
.doc ul.is-style-hb-slowniczek>li{padding:9px 0;margin:0;border-bottom:1px solid var(--s2,#eef2f7);font-size:15.5px}
.doc ul.is-style-hb-slowniczek>li:last-child{border-bottom:0}
.doc ul.is-style-hb-slowniczek>li::before{display:none}
.doc ul.is-style-hb-slowniczek>li strong{color:var(--tx,#16323F)}
.hb-termin{text-decoration:underline dotted;text-decoration-color:var(--dim2,#8795a9);text-underline-offset:3px;cursor:help;border-radius:3px}
.hb-termin:hover,.hb-termin:focus-visible{background:var(--ton,#dff0f9);outline:0}
.hb-dymek{position:absolute;z-index:70;max-width:320px;background:var(--tx,#16323F);color:#fff;border-radius:10px;padding:9px 12px;
  font-size:13.5px;line-height:1.5;box-shadow:0 18px 50px -12px rgba(22,50,63,.4);pointer-events:none}
.hb-dymek b{display:block;margin-bottom:2px}
.hb-dymek[hidden]{display:none}

/* ——— zmiany od zapoznania ——— */
.hb-zmiany-box{background:var(--warn-ton,#fdf0d9);color:var(--warn-tx,#7a4a00);border-radius:14px;padding:14px 16px;margin:0 0 26px}
.doc .hb-zmiany-box p{font-size:15px;line-height:1.55;color:inherit;margin:0 0 10px}
.hb-zmiany-akc{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13.5px}
.hb-zmiany-akc .pig{background:var(--s1,#fff)}
.hb-zmiany-prz{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.hb-zmiany-usuniete{margin:10px 0 0;font-size:14px}
.hb-zmiany-usuniete summary{cursor:pointer;font-weight:600}
.doc .hb-zmiany-usuniete ul{margin:8px 0 0}
.doc .hb-zmiany-usuniete li{font-size:14px;color:inherit;text-decoration:line-through;text-decoration-color:rgba(122,74,0,.4)}
.hb-pokaz-zmiany .hb-zmienione{background:var(--warn-ton,#fdf0d9);box-shadow:0 0 0 10px var(--warn-ton,#fdf0d9);border-radius:4px;position:relative}
.hb-pokaz-zmiany .hb-zmienione::after{content:"zmienione";position:absolute;top:-8px;right:-8px;font:700 11px/1 var(--font,system-ui);
  color:var(--warn-tx,#7a4a00);background:var(--s1,#fff);border-radius:999px;padding:3px 7px}

/* ——— przypisy z wtyczki Footnotes 3PG (11.10.2026) ———
   Lista źródeł małym stopniem i zwinięta pod przyciskiem (js/bloki.js). Reguły list numerowanych
   procedury (numer w kółku, 17 px) nie mogą jej dotyczyć — dawały drugi numer obok numeru listy. */
.doc .fn3pg-footnotes-wrap{margin:40px 0 0;padding-top:14px;border-top:1px solid var(--s3,#e2e8f0)}
.hb-zrodla-przyc{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--s1,#fff);color:var(--ton-tx,#0b6b97);border-radius:999px;
  padding:6px 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.hb-zrodla-przyc::before{content:"›";font-size:16px;line-height:1;transition:transform .15s}
.hb-zrodla-przyc[aria-expanded="true"]::before{transform:rotate(90deg)}
.doc ol.fn3pg-footnotes{list-style:decimal;counter-reset:none;padding-left:26px;margin:12px 0 0;font-size:13.5px;line-height:1.55;color:var(--dim,#5a6b82);font-weight:400;max-width:none}
.doc ol.fn3pg-footnotes[hidden]{display:none}
.doc ol.fn3pg-footnotes > li{counter-increment:none;padding-left:4px;margin:0 0 6px;font-size:inherit;line-height:inherit}
.doc ol.fn3pg-footnotes > li::before{content:none;display:none}
.doc ol.fn3pg-footnotes > li::marker{color:var(--dim2,#8795a9);font-family:var(--mono,ui-monospace,monospace);font-size:12px}
.doc ol.fn3pg-footnotes > li:target{background:var(--warn-ton,#fdf0d9);border-radius:6px}
.doc .fn3pg-footnotes a:not(.przyc):not(.serce){color:var(--ton-tx,#0b6b97)}
.doc .fn3pg-footnotes .fn3pg-backlink{text-decoration:none;font-size:12px;margin-left:4px}
.doc sup.fn3pg-sup a,.doc .fn3pg-ref{text-decoration:none;font-size:.75em;font-weight:700}
.doc .fn3pg-footnotes-wrap > :not(ol):not(.hb-zrodla-przyc){display:none} /* nagłówek z ustawień wtyczki zastępuje przycisk */
/* przycisk Kopiuj przy kodzie w treści procedury (20.10.2026) */
.tresc-procedury .kopiuj-kod-w{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%}
.tresc-procedury .kopiuj-kod-w.blok{display:flex;align-items:flex-start}
.tresc-procedury .kopiuj-kod-w code{word-break:break-all}
.tresc-procedury .kopiuj-kod{border:1px solid var(--line,#d6dbe1);background:#fff;border-radius:6px;padding:1px 8px;font:inherit;font-size:12px;line-height:1.6;cursor:pointer;color:inherit;flex:none}
.tresc-procedury .kopiuj-kod:hover{background:var(--paper-3,#f2f4f7)}
.tresc-procedury .kopiuj-kod.ok{background:var(--ok-ton,#e3f1e8);color:var(--ok,#2e7d4f);border-color:transparent}