/* Blog 2026 – uzupełnienie blog.css (ten sam design strony) */
main.wide{max-width:1120px}
.list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.card{transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,26,18,.12);opacity:1}
.card-date{font-size:12px;font-weight:700;color:#50ab3f;letter-spacing:.03em;margin:0 0 4px}
.hero{margin:6px 0 22px}.hero img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:14px;display:block;background:#e3e7e1}
.author{font-size:13px;color:#5b6a5e;margin:0 0 16px}
article h2{color:#0f1a12}article h3{font-size:18px;margin:22px 0 8px}
.tbl table{background:#fff}
.see-also{background:#fff;border-radius:12px;padding:16px 20px;margin:30px 0 0}.see-also ul{margin:8px 0 0}
.bf{background:#0f1a12;color:#c9d2cb;font-size:14px;padding:26px 20px;text-align:center;line-height:1.9}.bf a{color:#8EC1F2}
@media (max-width:640px){main{padding:24px 16px 60px}.hero img{max-height:260px}}

/* blog-fit */
.bh{max-width:100%;box-sizing:border-box}
.bh-nav{min-width:0}
@media (max-width:1400px) and (min-width:1101px){.bh{gap:14px;padding:10px 18px}.bh-logo img{height:38px}.bh-nav{gap:6px 14px}.bh-nav a,.bh-dd summary{font-size:12.5px;letter-spacing:0}.bh-cta{padding:9px 14px}}
@media (max-width:1100px){.bh-nav a,.bh-dd summary{white-space:normal}.bh-dd>div{position:static;min-width:0;box-shadow:none;border:0;padding:4px 0 4px 12px}}
main,article{min-width:0;overflow-wrap:anywhere}
article h1,article h2,.card h2{overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
.list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.card{min-width:0}.card p,.card h2{overflow-wrap:break-word}
.crumbs{overflow-wrap:anywhere}
.see-also li{overflow-wrap:anywhere}
/* /blog-fit */

.bh-logo{display:flex;align-items:center;flex:0 1 auto;min-width:0}
.bh-logo img{height:40px!important;width:auto!important;max-width:min(200px,55vw)!important;object-fit:contain;display:block}
@media(max-width:600px){.bh-logo img{height:34px!important}}