.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:20px}.blog-card{background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .175);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .2s}.blog-card:hover{box-shadow:0 4px 14px rgb(0 0 0 / .15);transform:translateY(-3px)}.blog-card__thumb{aspect-ratio:16/9;overflow:hidden;background:#111}.blog-card__thumb a{display:block;height:100%}.blog-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-card__thumb img{transform:scale(1.04)}.blog-card__thumb .no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:rgb(255 255 255 / .1);font-size:40px}.blog-card__body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}.blog-card__meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#979899;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.blog-card__title{font-size:18px;font-weight:400;line-height:1.3;margin-bottom:10px;border-bottom:2px solid #004cff;padding-bottom:10px}.blog-card__title a{color:#333}.blog-card__title a:hover{color:#004cff}.blog-card__excerpt{font-size:14px;color:#666;line-height:1.6;flex:1;margin-bottom:14px}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #ededed;font-size:12px;color:#979899}.btn-czytaj{background:#004cff;color:#fff!important;padding:6px 15px;border-radius:3px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:background .2s}.btn-czytaj:hover{background:#003acc}.toc-box{background:#f5f7ff;border:1px solid #d0d9ff;border-left:4px solid #004cff;border-radius:3px;padding:16px 20px;margin-bottom:26px;font-size:14px}.toc-box__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#333;display:flex;align-items:center;gap:7px;cursor:pointer;user-select:none;margin-bottom:10px}.toc-toggle-icon{margin-left:auto;transition:transform .2s}.toc-box.collapsed .toc-toggle-icon{transform:rotate(-90deg)}.toc-box.collapsed .toc-list{display:none}.toc-list{list-style:none!important;padding:0!important;margin:0!important}.toc-list li{padding:3px 0!important;border-bottom:1px solid #d8e0ff!important;font-size:13px;background:none!important;margin:0!important}.toc-list li:last-child{border-bottom:none!important}.toc-list li a{color:#2c3e50;display:block;padding:2px 0 2px 8px;border-left:2px solid #fff0;transition:border-color .15s,color .15s}.toc-list li a:hover,.toc-list li.active a{color:#004cff;border-left-color:#004cff}.toc-list li.toc-h3{padding-left:14px!important;font-size:12px}.toc-list li.toc-h3 a{color:#979899}.post-author-box{display:flex;gap:18px;background:#f0f0f0;border:1px solid #ccc;border-radius:3px;padding:22px;margin-top:26px}.post-author-box img{width:72px;height:72px;border-radius:50%;border:3px solid #004cff;object-fit:cover;flex-shrink:0}.post-author-box .author-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#979899;font-weight:700}.post-author-box .author-name{font-size:16px;font-weight:400;color:#3b3b3b;margin:3px 0 6px}.post-author-box .author-name a{color:inherit}.post-author-box .author-bio{font-size:13px;color:#666;line-height:1.65;margin:0}.post-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.post-nav-link{background:#fff;border:1px solid #ededed;border-radius:3px;padding:15px 18px;display:flex;flex-direction:column;gap:5px;transition:border-color .2s;color:#333}.post-nav-link:hover{border-color:#004cff;color:#333}.post-nav-link.nav-next{text-align:right}.post-nav-link .nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#004cff}.post-nav-link .nav-title{font-size:14px;font-weight:400;color:#3b3b3b;line-height:1.3}@media (max-width:680px){.blog-grid{grid-template-columns:1fr}.post-nav-grid{grid-template-columns:1fr}.post-author-box{flex-direction:column}}.blog-card__link:hover .blog-card__title{color:#004cff}.blog-card__link:hover{color:inherit}