/* allee — Centrum porad /porady (12.11.2026). Tokeny z allee.css. Układ redakcyjny: wąska kolumna tekstu (ok. 72 znaki),
   spis treści przyklejony z lewej, ramka „W skrócie”, FAQ w dwóch kolumnach, karty porad w siatce. Bez zdjęć — typografia niesie stronę. */
.porady{--pr-ink:#16181D;--pr-sea:#0f6e8c;padding-bottom:56px}
.porady .d-bc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);margin:14px 0}
.porady .d-bc a{color:var(--muted);text-decoration:none}.porady .d-bc a:hover{color:var(--ink);text-decoration:underline}.porady .d-bc .bi{font-size:.7rem;opacity:.6}
.porady h1,.porady h2,.porady h3{font-family:var(--font-display);text-wrap:balance;color:var(--ink)}
.pr-eye{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--al-o6)}

/* spis porad */
.pr-hero{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:38px 40px;margin-bottom:18px;
  background-image:radial-gradient(circle at 100% 0,var(--al-o0) 0,transparent 42%)}
.pr-hero h1{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;line-height:1.12;margin:10px 0 12px;max-width:22ch}
.pr-hero p{font-size:1.05rem;line-height:1.6;color:var(--ink-2);max-width:68ch;margin:0}
.pr-dla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;max-width:760px}
.pr-dla__k{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);border:1.5px solid var(--line);background:#fff;color:var(--ink);text-decoration:none}
.pr-dla__k>.bi:first-child{font-size:1.5rem;color:var(--al-o)}.pr-dla__k span{flex:1;display:flex;flex-direction:column}.pr-dla__k small{color:var(--muted)}
.pr-dla__k:hover{border-color:var(--al-o)}
.pr-sek-l{margin-top:34px}
.pr-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:6px}
.pr-sh h2{font-size:1.5rem;font-weight:800;margin:0;display:flex;gap:10px;align-items:center}.pr-sh h2 .bi{color:var(--al-o)}
.pr-sh a{font-weight:700;color:var(--al-o6);text-decoration:none;font-size:.92rem}
.pr-kat{font-size:.82rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)!important;margin:24px 0 10px}
.pr-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pr-k{display:flex;flex-direction:column;gap:7px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.pr-k:hover{border-color:var(--al-o);box-shadow:var(--shadow-sm)}
.pr-k__kat{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--pr-sea)}
.pr-k b{font-family:var(--font-display);font-size:1.06rem;line-height:1.3}
.pr-k__l{color:var(--ink-2);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pr-k__m{margin-top:auto;font-size:.8rem;color:var(--muted)}
.pr-nota{margin-top:34px;color:var(--muted);font-size:.86rem;max-width:80ch}

/* artykuł */
.pr-a__hd{margin:6px 0 26px}   /* 12.11 (właściciel): bez max-width — nagłówek i wstęp na całą szerokość */
.pr-a__hd h1{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800;line-height:1.12;margin:10px 0 14px}
.pr-a__lead{font-size:1.18rem;line-height:1.6;color:var(--ink-2);margin:0 0 14px}
.pr-a__meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.86rem;margin:0}.pr-a__meta .bi{margin-right:4px}
.pr-a__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start}
.pr-toc{position:sticky;top:84px}
.pr-toc__in{border-left:2px solid var(--line);padding-left:16px}
.pr-toc h2{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}
.pr-toc ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;counter-reset:t}
.pr-toc li{counter-increment:t;font-size:.88rem;line-height:1.35}
.pr-toc a{color:var(--ink-2);text-decoration:none;display:flex;gap:8px}.pr-toc a::before{content:counter(t);color:var(--al-o6);font-weight:800;min-width:1.2em}
.pr-toc a:hover{color:var(--al-o6)}
.pr-a__tresc{max-width:760px;font-size:1.04rem}
.pr-a__tresc p{line-height:1.78;color:#262a31;margin:0 0 14px}
.pr-sek{margin-top:30px}
.pr-sek h2{font-size:1.45rem;font-weight:800;line-height:1.25;margin:0 0 12px;scroll-margin-top:90px}
.pr-pkt{margin:4px 0 16px;padding:14px 18px 14px 38px;background:var(--bg);border-radius:var(--radius-sm);line-height:1.65}
.pr-pkt li{margin-bottom:6px}.pr-pkt li::marker{color:var(--al-o)}
.pr-skrot{background:var(--ink);color:#fff;border-radius:var(--radius);padding:20px 24px}
.pr-skrot h2{color:#fff!important;font-size:1rem;font-weight:800;margin:0 0 10px;display:flex;gap:8px;align-items:center}.pr-skrot h2 .bi{color:#FFB38A}
.pr-skrot ul{margin:0;padding-left:20px;line-height:1.6}.pr-skrot li{margin-bottom:6px}.pr-skrot li::marker{color:#FFB38A}
.pr-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:34px 0 0;padding:20px 22px;border-radius:var(--radius);border:1.5px solid var(--al-o2);background:var(--al-o0)}
.pr-cta>div:first-child{display:flex;flex-direction:column;gap:4px;max-width:520px}.pr-cta span{color:var(--ink-2);font-size:.92rem;line-height:1.5}
.pr-cta__b{display:flex;gap:8px;flex-wrap:wrap}
.pr-cta--k{background:#e3f2f6;border-color:#b7dce7}
.pr-faq{margin-top:34px}
.pr-faq h2{font-size:1.45rem;font-weight:800;margin:0 0 12px;scroll-margin-top:90px}
.pr-faq__s{display:grid;gap:8px}
.pr-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 18px}
.pr-faq details[open]{border-color:var(--pr-sea)}
.pr-faq summary{font-weight:700;cursor:pointer;line-height:1.4}.pr-faq details p{margin:10px 0 0!important;font-size:.98rem}
@media (max-width:991.98px){.pr-a__grid{grid-template-columns:1fr;gap:0}.pr-toc{position:static;margin-bottom:22px}.pr-toc__in{border-left:0;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm)}}
@media (max-width:575.98px){.pr-hero{padding:24px 18px}.pr-dla{grid-template-columns:1fr}.pr-a__lead{font-size:1.06rem}}
/* 12.11: trzy kolumny na szerokim ekranie — spis treści | tekst | panel na skróty */
.pr-bok{display:none}
@media (min-width:1200px){
  .pr-a__grid{grid-template-columns:240px minmax(0,760px) minmax(260px,1fr)}
  .pr-bok{display:block;position:sticky;top:84px}
}
.pr-bok__in{display:flex;flex-direction:column;gap:16px}
.pr-bok__cta{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--radius);background:var(--al-o0);border:1.5px solid var(--al-o2)}
.pr-bok__cta span{color:var(--ink-2);font-size:.88rem;line-height:1.5}
.pr-bok__cta--k{background:#e3f2f6;border-color:#b7dce7}
.pr-bok h2{font-size:.76rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)!important;margin:4px 0 0}
.pr-bok ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.pr-bok li a{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;line-height:1.35}
.pr-bok li a:hover{color:var(--al-o6)}.pr-bok li small{color:var(--muted);font-weight:400;font-size:.78rem}
@media (min-width:1200px){.pr-a__tresc .pr-cta{display:none}}
/* 12.11: aktywna sekcja w spisie treści (assets/porady.js) */
.pr-toc a{position:relative;transition:color .15s}
.pr-toc a.on{color:var(--al-o6);font-weight:700}
.pr-toc a.on::after{content:"";position:absolute;left:-18px;top:0;bottom:0;width:2px;background:var(--al-o);border-radius:2px}
@media (min-width:992px){.pr-toc__in{max-height:calc(100vh - 110px);overflow:auto}}

/* 12.11: przyciski udostępniania pod artykułem — kopia stylów z oferta-v4.css (ta strona go nie ładuje) */
/* 12.11: pasek udostępniania pod opisem (assets/udostepnij-pasek.js) — jeden rząd, małe i stonowane (właściciel: „za duże, bez gradientu”):
   białe tło, cienka ramka, ikona w kolorze serwisu; po najechaniu jednolite tło w kolorze serwisu. */
.pd-share{margin-top:30px;padding-top:16px;border-top:1px solid var(--line-2,#f3f1ee);display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.pd-share__h{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;gap:6px;align-items:center}
.pd-share__r{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.pd-share__r::-webkit-scrollbar{display:none}
.pd-sh{--c:#16181D;flex:none;height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line,#ebe8e4);border-radius:9px;
  background:#fff;color:var(--ink-2,#30343c);font:600 .8rem/1 var(--font-ui);cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.pd-sh .bi{font-size:.98rem;color:var(--c);transition:color .15s}
.pd-sh:hover{background:var(--c);border-color:var(--c);color:#fff;transform:translateY(-1px)}
.pd-sh:hover .bi{color:#fff}
.pd-sh:active{transform:none}
.pd-sh:focus-visible{outline:2px solid var(--al-o);outline-offset:2px}
.pd-sh--fb{--c:#1877F2}.pd-sh--ms{--c:#0084FF}.pd-sh--wa{--c:#1FA855}.pd-sh--x{--c:#000}.pd-sh--pin{--c:#E60023}.pd-sh--tg{--c:#229ED9}
.pd-sh--mail{--c:#5B6472}.pd-sh--kop{--c:var(--al-o6,#DC4700)}.pd-sh--wiecej{--c:#30343c}
.pd-sh.ok{--c:#0f8f47;background:#0f8f47;border-color:#0f8f47;color:#fff}.pd-sh.ok .bi{color:#fff}
@media (max-width:767.98px){.pd-sh span{display:none}.pd-sh{width:34px;padding:0;justify-content:center}.pd-share{gap:8px}}
@media (prefers-reduced-motion:reduce){.pd-sh{transition:none}}
.pr-a__tresc .pd-share__r{gap:5px}.pr-a__tresc .pd-sh{padding:0 8px;gap:5px;font-size:.76rem}   /* węższa kolumna artykułu — cały rząd się mieści */
/* gdy cały rząd z podpisami się nie mieści (np. ekran 1024–1280 px) — same ikony, nadal jeden rząd */
.pr-a__tresc .pd-share{container-type:inline-size}
@container (max-width:745px){.pr-a__tresc .pd-sh span{display:none}.pr-a__tresc .pd-sh{width:34px;padding:0;justify-content:center}}
/* 12.11: działy — nagłówek działu z linkiem „Wszystkie w dziale”, nawigacja działów na stronie grupy */
.pr-kat-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 0 10px}
.pr-kat-hd .pr-kat{margin:0}
.pr-kat a{color:inherit;text-decoration:none}.pr-kat a:hover{color:var(--al-o6)}
.pr-kat__w{font-size:.86rem;font-weight:700;color:var(--al-o6);text-decoration:none;white-space:nowrap}
.pr-dz{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pr-dz a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-weight:600;font-size:.88rem}
.pr-dz a small{color:var(--muted);font-weight:500}.pr-dz a:hover{border-color:var(--al-o)}
.pr-dla{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px}
@media (max-width:767.98px){.pr-dla{grid-template-columns:1fr}}