.blog-topics{margin-top:var(--space-5);justify-content:center}.blog-active-tag{align-items:center;gap:var(--space-3);display:flex}.blog-active-tag-label{color:var(--text-subtle);font-weight:700}.blog-active-tag-badge{border:1px solid var(--border-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-weight:600}.blog-active-tag-reset{color:var(--brand-text);margin-left:auto;text-decoration:none}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.blog-card{background:var(--surface-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);break-inside:avoid;page-break-inside:avoid;isolation:isolate;flex-direction:column;height:100%;min-height:0;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-cover{object-fit:cover;flex-shrink:0;width:100%;max-width:100%;height:180px;display:block}.blog-content{padding:var(--space-4) var(--space-5);gap:var(--space-2);word-wrap:break-word;overflow-wrap:break-word;flex-direction:column;flex:auto;min-height:0;display:flex}.blog-category{color:var(--brand-text);text-transform:uppercase;font-weight:700;font-size:var(--text-ui-xs)}.blog-title{color:var(--text-strong);font-weight:800;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);gap:var(--space-3);align-items:center;display:flex}.blog-readmore{color:var(--brand-text);margin-top:auto;font-weight:600;text-decoration:none;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-card-tags{margin-top:var(--space-2)}.blog-cover-placeholder{flex-shrink:0;max-width:100%;height:180px}img.blog-cover[src=""],img.blog-cover:not([src]){display:none}.blog-grid:after{content:"";clear:both;display:table}@media not all and (min-width:64rem){.blog-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.blog-cover{height:160px}}@media not all and (min-width:48rem){.blog-grid{gap:var(--space-4);grid-template-columns:1fr}.blog-cover{height:140px}.blog-content{padding:var(--space-4) var(--space-4);min-height:0}}