.blog-page{padding:140px var(--gutter) 80px;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.blog-header{margin-bottom:72px}.blog-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:48px;padding-top:28px;display:flex}.search-box{box-sizing:border-box;background:#f5efe608;border:1px solid #f5efe614;border-radius:8px;align-items:center;width:320px;max-width:100%;padding-left:14px;display:flex;position:relative}.search-box input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;padding:12px 14px 12px 8px;font-size:.88rem}.search-icon{color:var(--dim)}.category-tabs-owner{max-width:100%}.category-tabs{gap:8px;display:flex}.cat-tab{color:var(--dim);cursor:pointer;white-space:nowrap;background:#f5efe608;border:1px solid #f5efe614;border-radius:100px;padding:8px 18px;font-size:.82rem;transition:background .3s,color .3s,border-color .3s}.cat-tab:hover{color:var(--ink);background:#f5efe60f}.cat-tab.active{color:var(--green);background:#ef44441f;border-color:#ef444459}.blog-grid-container{width:100%;min-height:300px}.blog-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;width:100%;display:grid}.blog-card{background:var(--bg2);box-sizing:border-box;border:1px solid #f5efe60f;border-radius:12px;flex-direction:column;justify-content:space-between;height:100%;min-height:250px;padding:28px 24px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card-image-link{flex-shrink:0;width:calc(100% + 48px);height:180px;margin:-28px -24px 18px;display:block;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.blog-card:hover .blog-card-image{transform:scale(1.04)}.blog-card:hover{border-color:#ef44444d;box-shadow:0 8px 30px #0006}.card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.blog-cat-badge{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--green);background:#ef44441f;border:1px solid #ef444433;border-radius:100px;padding:3px 10px;font-size:.58rem}.blog-read-time{color:var(--dimmer);font-size:.72rem}.blog-card-title{font-family:var(--f-display);margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.3}.blog-card-title a{color:var(--ink);text-decoration:none;transition:color .2s}.blog-card-title a:hover{color:var(--green)}.blog-card-excerpt{color:var(--dim);flex:1;margin-bottom:24px;font-size:.88rem;line-height:1.55}.card-bottom-actions{border-top:1px solid #f5efe60d;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.date-label{color:var(--dimmer);font-size:.72rem}.read-more-link{font-family:var(--f-mono);color:var(--green);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.72rem;text-decoration:none;display:flex}.read-more-link span{transition:transform .2s}.read-more-link:hover span{transform:translate(4px)}.no-posts-found{text-align:center;padding:60px 0}.no-posts-found h3{font-family:var(--f-display);color:var(--white);margin-bottom:8px;font-size:1.35rem}.no-posts-found p{color:var(--dim);font-size:.9rem}.pop-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn}@keyframes popIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.blog-page{padding-top:100px;padding-bottom:60px}.blog-controls{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:32px}.search-box{width:100%}.category-tabs-owner{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.category-tabs-owner::-webkit-scrollbar{display:none}.category-tabs{flex-wrap:nowrap;gap:8px;width:max-content;padding-bottom:4px;display:flex}.blog-cards-grid{grid-template-columns:1fr;gap:20px}}