.blog-page-wrap{margin:0 auto;padding:2rem 1rem 3rem}.blog-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.5rem}.blog-hero p{color:var(--text-secondary);max-width:720px;margin-bottom:1.5rem}.blog-category-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.blog-chip{border:1px solid var(--border-color);border-radius:999px;padding:.45rem .8rem;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.85rem}.blog-chip span{opacity:.7;margin-left:.35rem}.blog-chip.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-color));background:color-mix(in srgb,var(--primary) 10%,transparent)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.blog-empty,.blog-loading,.blog-error{grid-column:1 / -1;border:1px dashed var(--border-color);border-radius:14px;padding:1rem;color:var(--text-secondary)}.blog-error{color:#cc3d3d}@media (max-width: 1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.blog-grid{grid-template-columns:1fr}}