.blog-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.blog-container h1{margin-bottom:2rem;font-size:2.5rem;font-weight:600}.category-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.category-btn{border:1px solid var(--color-category-btn-border);background-color:var(--color-category-btn-bg);cursor:pointer;color:var(--color-category-btn-text);border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.category-btn:hover{background-color:var(--color-category-btn-hover);border-color:var(--color-border)}.category-btn.active{background-color:var(--color-category-btn-active-bg);color:var(--color-category-btn-active-text);border-color:var(--color-category-btn-active-bg)}.posts-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.posts-empty{color:var(--color-text-placeholder);padding:1.5rem 0;font-size:.9rem}.post-item{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;transition:opacity .2s;display:flex}.post-item:after{content:"→";color:var(--color-border);flex-shrink:0;font-size:1.1rem;transition:color .2s,transform .2s}.post-item:hover{opacity:1}.post-item:hover:after{color:var(--color-text-faint);transform:translate(4px)}.post-item h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.post-item p{color:var(--color-text-muted);margin:.5rem 0;font-size:.95rem}.post-item small{color:var(--color-text-faint);font-size:.85rem}.post-meta{justify-content:start;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.post-category{color:var(--color-text-placeholder);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:600}.load-more{border:1px solid var(--color-category-btn-border);cursor:pointer;color:var(--color-category-btn-text);background-color:#0000;border-radius:20px;margin:2rem auto;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:block}.load-more:hover{background-color:var(--color-category-btn-hover);border-color:var(--color-border)}.load-more:disabled{opacity:.6;cursor:not-allowed}@media (max-width:600px){.blog-container{padding:3.5rem 1rem 1rem}.blog-container h1{margin-bottom:1rem;font-size:1.8rem}.post-item{padding:1rem}.post-item h3{font-size:1.2rem}}