.blog-hero{padding:var(--space-8) 0;text-align:center;background:var(--surface-subtle)}.blog-hero h1{font-size:var(--text-h2);font-weight:800;color:var(--text-strong);margin-bottom:var(--space-3)}.blog-hero p{color:var(--text-subtle)}.blog-active-tag{display:flex;align-items:center;gap:var(--size-10px)}.blog-active-tag-label{font-weight:700;color:var(--text-subtle)}.blog-active-tag-badge{border:1px solid var(--border-subtle);padding:var(--size-6px) var(--space-3);border-radius:var(--radius-pill);font-weight:600}.blog-active-tag-reset{margin-left:auto;color:var(--brand-text);text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.blog-card{background:var(--surface-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;height:100%;display:flex;flex-direction:column;text-decoration:none;break-inside:avoid;page-break-inside:avoid;min-height:0;isolation:isolate}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-cover{width:100%;height:var(--size-180px);object-fit:cover;display:block;flex-shrink:0;max-width:100%}.blog-content{padding:var(--space-4) var(--size-18px);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1 auto;min-height:0;word-wrap:break-word;overflow-wrap:break-word}.blog-category{color:var(--brand-text);text-transform:uppercase;font-weight:700;font-size:var(--text-ui-xs)}.blog-title{font-weight:800;color:var(--text-strong);font-size:var(--text-ui-xl);line-height:var(--leading-ui);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.blog-excerpt{color:var(--text-subtle);font-size:var(--text-small)}.blog-meta{color:var(--text-subtle);font-size:var(--text-ui-xs);display:flex;gap:var(--size-10px);align-items:center}.blog-readmore{color:var(--brand-text);font-weight:600;text-decoration:none;margin-top:auto;display:inline-block}.blog-readmore:hover{text-decoration:underline}.blog-title a{color:var(--text-strong);text-decoration:none}.blog-title a:hover{color:var(--brand-text)}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--size-6px)}.blog-tag{display:inline-block;padding:var(--size-6px) var(--space-3);background:var(--surface-subtle);color:var(--text-strong);text-decoration:none;border-radius:var(--radius-pill);font-size:var(--text-ui-md);font-weight:500;transition:background-color .2s ease,color .2s ease}.blog-tag:hover{background:var(--brand);color:var(--brand-on-brand)}.blog-cover-placeholder{height:var(--size-180px);flex-shrink:0;max-width:100%}.blog-pager{display:flex;justify-content:center;gap:var(--size-10px);margin-top:var(--space-6)}.btn-page{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-default);text-decoration:none;color:var(--text-strong);font-weight:600}.btn-page.active{background:var(--brand);color:var(--brand-on-brand);border-color:var(--brand)}img.blog-cover[src=""],img.blog-cover:not([src]){display:none}.blog-grid:after{content:"";display:table;clear:both}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.blog-cover{height:var(--size-160px)}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:var(--space-4)}.blog-hero h1{font-size:var(--text-ui-4xl)}.blog-cover{height:var(--size-140px)}.blog-content{padding:var(--size-14px) var(--space-4);min-height:0}}