.blog-inner-container{width:100%;max-width:1200px}.blog-top{background:#1a1b1f;border-bottom:1px solid #2a2b30;padding:0}.sort-form{display:flex;align-items:flex-end;gap:12px;padding:14px 16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#555;white-space:nowrap}.sort-form select,.posts-per-page-form select{padding:7px 10px;border:1px solid #2e2f35;background-color:#111214;color:#ccc;border-radius:4px;font-size:13px;font-family:'Montserrat',sans-serif;outline:none;cursor:pointer;transition:border-color .2s}.sort-form select:focus,.posts-per-page-form select:focus{border-color:#555}.sort-form select option,.posts-per-page-form select option{background-color:#1a1b1f;color:#ccc}.sort-button{padding:7px 20px;background-color:#2b2c30;color:#fff;border:1px solid #3a3b40;border-radius:4px;font-size:12px;font-weight:700;font-family:'Montserrat',sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background-color .2s , border-color .2s;align-self:flex-end}.sort-button:hover{background-color:#3a3b40;border-color:#555}.blog-no-results{text-align:center;padding:60px 20px;color:#555}.blog-no-results i{font-size:40px;display:block;margin-bottom:16px;opacity:.4}.blog-no-results p{font-size:16px;margin:0}.blog-posts{display:flex;flex-direction:column;gap:16px;padding:16px 0}.blog-post-card{position:relative;display:flex;align-items:stretch;background:rgba(0,0,0,.5);border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);backdrop-filter:blur(10px);overflow:hidden;transition:transform .2s ease;min-height:150px}.blog-post-card:hover{transform:scale(1.015)}.blog-post-image-link{flex-shrink:0;display:flex}.blog-post-image{width:160px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#222}.blog-post-image img{width:100%;height:100%;object-fit:cover;display:block}.mainblog-post-link{flex:1;min-width:0;text-decoration:none;display:flex}.blog-post-content{flex:1;min-width:0;padding:14px 16px;padding-right:200px;overflow:hidden}.blog-post-title-container{margin-bottom:6px}.blog-post-title h2{font-size:18px;color:#fff;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-divider{width:100%;height:2px;background:#444;margin:4px 0 8px}.blog-post-excerpt{font-size:14px;color:#bbb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-meta-content{position:absolute;top:0;right:0;bottom:0;width:185px;display:flex;align-items:center}.meta-inner-container{background:#333;border-radius:0 8px 8px 0;padding:16px 12px;width:100%;height:100%;display:flex;flex-direction:column;gap:8px;box-shadow:-2px 0 8px rgba(0,0,0,.3);box-sizing:border-box;justify-content:center}.meta-divider{height:1px;background:#444;margin:2px 0}.blog-post-category{font-size:13px;color:#e0e0e0;font-weight:700;text-align:center}.blog-post-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.blog-post-tags a{padding:3px 8px;background-color:#555;color:#fff;border-radius:20px;text-decoration:none;font-size:11px;white-space:nowrap;transition:background-color .2s , color .2s}.blog-post-tags a:hover{background-color:#3a3b40;color:#f0a500}.blog-post-date{font-size:12px;color:#aaa;text-align:center;margin-top:auto}.pagination-container{background:#1a1b1f;border-top:1px solid #2a2b30;min-height:52px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;margin-top:16px;border-radius:0 0 8px 8px}.pagination{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;flex:1}.pagination a,.pagination span{color:#aaa;padding:5px 12px;text-decoration:none;background:#111214;border:1px solid #2e2f35;border-radius:4px;font-size:13px;transition:background-color .2s , color .2s , border-color .2s}.pagination a:hover{background-color:#1e1f24;border-color:#555;color:#fff}.pagination .current{background:#2b2c30;border-color:#3a3b40;color:#fff;font-weight:700}.posts-per-page{display:flex;align-items:center;gap:8px}.posts-per-page-form{display:flex;align-items:center;gap:8px}.posts-per-page-form label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#555;white-space:nowrap}@media (max-width:1024px){.blog-post-content{padding-right:200px}.blog-post-excerpt{-webkit-line-clamp:1}.blog-post-image{width:130px}}@media (max-width:768px){.sort-form{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.filter-group{width:100%}.filter-group select,.sort-form select{width:100%}.sort-button{width:100%;padding:10px;align-self:stretch}.blog-post-meta-content{display:none}.blog-posts{gap:10px}.blog-post-card{min-height:110px;transform:none!important}.blog-post-image{width:110px;flex-shrink:0}.blog-post-content{padding:12px}.blog-post-title h2{font-size:15px;-webkit-line-clamp:3}.blog-post-excerpt{display:none}.pagination-container{flex-direction:column;padding:12px;gap:12px}.posts-per-page{width:100%;justify-content:center}}