/* Blog CookieBanerPro: lista wpisów i artykuł (HTML składa src/blog.js, szablon public/blog-szablon.html). */
.bl-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.bl-waska{max-width:820px}
.bl-ukryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl-etykieta{display:block;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.bl-meta>span+span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#C3CCC9;margin-right:16px;vertical-align:middle;transform:translateY(-1px)}
.bl-kat{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--green);background:var(--soft);padding:4px 10px;border-radius:20px}
.bl-kat:hover{background:#D7E9D5}
.bl-tekst .bl-kat{align-self:flex-start}
.bl-meta>span{white-space:nowrap}
.bl-obraz.bl-plansza{display:flex;align-items:flex-end;padding:22px;background:radial-gradient(circle at 85% 15%,rgba(136,187,133,.45),transparent 55%),linear-gradient(135deg,var(--petrol),#0F2127)}
.bl-obraz.bl-plansza span{font-family:Montserrat,Inter,sans-serif;font-weight:800;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-.5px}

/* nagłówek listy */
.bl-glowa{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 42%,rgba(244,245,242,.55) 100%),url(img/blog-tlo.webp) center/cover no-repeat;padding:76px 0 70px;border-bottom:1px solid var(--line)}
@media (max-width:760px){.bl-glowa{background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(244,245,242,.9)),url(img/blog-tlo-960.webp) center/cover no-repeat}}
.bl-glowa h1{font-size:48px;margin:14px 0 16px;max-width:760px;text-wrap:balance}
.bl-glowa h1 em{font-style:normal;color:var(--green)}
.bl-lead{color:#4E6268;font-size:19px;line-height:1.6;max-width:640px}
.bl-lead a{color:var(--green);font-weight:600;text-decoration:underline}
.bl-filtr{background:#fff;border-bottom:1px solid var(--line);padding:18px 0;scroll-margin-top:70px}
.bl-kategorie{display:flex;flex-wrap:wrap;gap:8px}
.bl-kategorie a{font-size:14px;font-weight:600;padding:8px 16px;border-radius:22px;border:1.5px solid #D5DBD8;color:#3E5359;background:#fff;transition:.15s}
.bl-kategorie a:hover{border-color:var(--green);color:var(--ink)}
.bl-kategorie a.on{background:var(--petrol);border-color:var(--petrol);color:#fff}
.bl-ile{display:inline-block;min-width:22px;margin-left:4px;padding:1px 7px;border-radius:11px;background:#EEF1EF;color:#3E5359;font-size:12px;font-variant-numeric:tabular-nums;text-align:center}
.bl-kategorie a.on .bl-ile{background:rgba(255,255,255,.2);color:#fff}
.bl-wiecej{align-self:flex-start;font-size:15px;font-weight:700;color:var(--green)}
.bl-wiecej:hover{text-decoration:underline}

/* lista */
.bl-lista{padding:52px 0 88px;background:var(--bg)}
.bl-lista .bl-wrap{display:flex;flex-direction:column;gap:44px}
.bl-pusto{color:var(--muted);font-size:17px;padding:30px 0}
.bl-karta{display:flex;flex-direction:column;gap:18px;min-width:0}
.bl-karta h2{text-wrap:balance}
.bl-karta h3{text-wrap:pretty}
.bl-karta h3{font-size:21px;line-height:1.3}
.bl-karta h2 a,.bl-karta h3 a{background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 2px no-repeat;transition:background-size .25s}
.bl-karta h2 a:hover,.bl-karta h3 a:hover{background-size:100% 2px}
.bl-karta p{color:#50646A;font-size:15.5px;line-height:1.6}
.bl-tekst{display:flex;flex-direction:column;gap:12px;min-width:0}
.bl-obraz{display:block;border-radius:18px;overflow:hidden;background:#E6EAE7;aspect-ratio:16/9;max-width:100%}
.bl-obraz img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.bl-karta:hover .bl-obraz img{transform:scale(1.03)}
.bl-wyrozniony{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px 44px 20px 20px;box-shadow:0 18px 50px rgba(15,33,39,.06)}
.bl-wyrozniony h2{font-size:34px;line-height:1.18}
.bl-wyrozniony p{font-size:17px}
.bl-wyrozniony:not(:has(.bl-obraz)){grid-template-columns:1fr;padding:40px 44px}
.bl-pozostale{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}

/* zachęta do skanera */
.bl-skaner{display:grid;grid-template-columns:1fr minmax(0,440px);gap:28px;align-items:center;background:var(--petrol);color:#fff;border-radius:24px;padding:34px 38px;position:relative;overflow:hidden}
.bl-skaner:before{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(136,187,133,.28),transparent 70%)}
.bl-skaner .bl-etykieta{color:var(--sage)}
.bl-skaner b{display:block;font-family:Montserrat,Inter,sans-serif;font-size:23px;line-height:1.25;text-wrap:balance}
.bl-skaner p{color:#A9BCC0;font-size:15px;margin-top:8px;line-height:1.55}
.bl-pasek{display:flex;gap:8px;background:#fff;border-radius:30px;padding:6px;position:relative}
.bl-pasek input{flex:1;min-width:0;border:0;font:inherit;font-size:15.5px;padding:0 14px;color:var(--ink);background:transparent;outline:none}
.bl-pasek button{flex:none;border:0;cursor:pointer;font:700 15px Inter,sans-serif;background:var(--sage);color:#142A20;border-radius:24px;padding:12px 20px}
.bl-pasek button:hover{background:#74A671}
.bl-pasek:focus-within{box-shadow:0 0 0 3px rgba(136,187,133,.55)}

/* artykuł */
.bl-podglad{background:#FFF4CC;color:#6B5310;text-align:center;font-size:14px;font-weight:600;padding:10px 16px}
.bl-wpis-glowa{padding:52px 0 34px;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.bl-okruchy{display:flex;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:18px}
.bl-okruchy a{color:var(--green)}
.bl-okruchy a:hover{text-decoration:underline}
.bl-wpis-glowa h1{font-size:46px;line-height:1.12;text-wrap:balance;margin-bottom:18px}
.bl-wpis-glowa .bl-lead{margin-bottom:22px}
.bl-okladka-wrap{padding-top:32px}
.bl-wpis-glowa.pod-okladka{padding-top:30px;background:none}
.bl-okladka{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:16/9;max-height:560px;width:100%;background:#E6EAE7}
.bl-okladka img{width:100%;height:100%;object-fit:cover;display:block}
.bl-uklad{display:grid;grid-template-columns:240px minmax(0,720px);gap:64px;justify-content:center;padding-top:44px;padding-bottom:80px}
.bl-uklad.bez-spisu{grid-template-columns:minmax(0,720px)}
.bl-spis{position:sticky;top:96px;align-self:start;font-size:14px}
.bl-spis ol{list-style:none;border-left:2px solid var(--line);display:flex;flex-direction:column}
.bl-spis a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);line-height:1.4;transition:.15s}
.bl-spis a:hover{color:var(--ink)}
.bl-spis a.on{color:var(--ink);font-weight:600;border-left-color:var(--green)}

.bl-tresc{font-size:18px;line-height:1.75;color:#24383E;min-width:0}
.bl-tresc>*+*,.bl-tekst-wpisu>*+*{margin-top:1.15em}
.bl-tresc h2{font-size:29px;line-height:1.22;margin-top:1.9em;color:var(--ink);scroll-margin-top:90px;text-wrap:balance}
.bl-tresc h3{font-size:22px;line-height:1.3;margin-top:1.6em;color:var(--ink)}
.bl-tresc h4{font-size:18px;margin-top:1.4em}
.bl-tresc a{color:var(--green);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.bl-tresc a:hover{color:var(--petrol)}
.bl-tresc ul,.bl-tresc ol{padding-left:1.3em}
.bl-tresc li+li{margin-top:.45em}
.bl-tresc li::marker{color:var(--green);font-weight:700}
.bl-tresc strong,.bl-tresc b{color:var(--ink)}
.bl-tresc blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 24px;font-family:Montserrat,Inter,sans-serif;font-size:21px;line-height:1.5;font-weight:600;color:var(--ink)}
.bl-tresc img{max-width:100%;height:auto;border-radius:16px;display:block}
.bl-tresc figure figcaption{font-size:14px;color:var(--muted);margin-top:10px;text-align:center}
.bl-tresc hr{border:0;height:1px;background:var(--line);margin:2.4em 0}
.bl-tresc code{font-family:ui-monospace,Consolas,monospace;font-size:.86em;background:#EEF2EF;border-radius:6px;padding:2px 6px}
.bl-tresc pre{background:var(--petrol);color:#E4ECEA;border-radius:14px;padding:20px 22px;overflow-x:auto;font-size:14.5px;line-height:1.6}
.bl-tresc pre code{background:none;padding:0;color:inherit}
.bl-tresc table{width:100%;border-collapse:collapse;font-size:15.5px;display:block;overflow-x:auto}
.bl-tresc th,.bl-tresc td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.bl-tresc th{font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.bl-tresc .ramka,.bl-tresc .ramka-uwaga{background:var(--soft);border-radius:16px;padding:20px 24px;font-size:16.5px;line-height:1.65}
.bl-tresc .ramka-uwaga{background:#FFF4CC;color:#4D3D0B}
.bl-tresc .ramka>*+*,.bl-tresc .ramka-uwaga>*+*{margin-top:.6em}
.bl-tagi{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
.bl-tagi span{font-size:13px;color:#4E6268;background:#EEF2EF;border-radius:8px;padding:4px 10px}
.bl-udostepnij{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:2em!important}
.bl-udostepnij button{font:600 14px Inter,sans-serif;border:1.5px solid #D5DBD8;background:#fff;color:var(--ink);border-radius:22px;padding:9px 16px;cursor:pointer}
.bl-udostepnij button:hover{border-color:var(--green)}
.bl-tresc .bl-skaner{margin-top:2.4em;grid-template-columns:1fr;padding:30px;font-size:16px;line-height:1.55}
.bl-tresc .bl-skaner b{color:#fff}
.bl-tresc .bl-skaner p{color:#A9BCC0;margin-top:8px}
.bl-powiazane{background:var(--bg);padding:64px 0 88px;border-top:1px solid var(--line)}
.bl-powiazane h2{font-size:30px;margin-bottom:30px}

:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.bl-obraz img,.bl-karta h2 a,.bl-karta h3 a{transition:none}}
@media (max-width:1080px){
  .bl-uklad{grid-template-columns:minmax(0,720px);gap:0}
  .bl-spis{position:static;margin-bottom:32px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
  .bl-pozostale{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .bl-wyrozniony{grid-template-columns:1fr;padding:16px 16px 26px;gap:22px}
  .bl-wyrozniony .bl-tekst{padding:0 8px}
  .bl-skaner{grid-template-columns:1fr;padding:28px 24px}
}
@media (max-width:620px){
  .bl-wrap{padding:0 16px}
  .bl-glowa{padding:44px 0 32px}.bl-glowa h1{font-size:33px}.bl-lead{font-size:17px}
  .bl-kategorie{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.bl-kategorie a{flex:none}
  .bl-wpis-glowa{padding:36px 0 26px}.bl-wpis-glowa h1{font-size:31px}
  .bl-wyrozniony h2{font-size:25px}
  .bl-pozostale{grid-template-columns:1fr;gap:36px}
  .bl-okladka{border-radius:16px}
  .bl-uklad{padding-top:30px;padding-bottom:56px}
  .bl-tresc{font-size:17px}.bl-tresc h2{font-size:24px}.bl-tresc blockquote{font-size:18px}
  .bl-pasek{flex-direction:column;border-radius:18px}.bl-pasek input{padding:12px 12px}
}