.bm-blog{max-width:1200px;margin:auto;padding:var(--space-12) var(--space-8)}
.bm-blog-intro{max-width:calc(var(--space-12)*17);margin-bottom:var(--space-8)}
.bm-blog-intro h1{margin:0 0 var(--space-6);font-size:var(--type-h1-size);line-height:var(--type-h1-lh);font-weight:var(--type-h1-weight);letter-spacing:var(--type-h1-tracking)}
.bm-blog-intro p{margin:0;color:var(--ink-muted);font-size:var(--type-h3-size);line-height:var(--type-h3-lh)}
.bm-blog-topics{border-top:1px solid var(--border);padding-top:var(--space-6);margin-bottom:var(--space-12)}
.bm-blog-topics h2{font-size:var(--type-small-size);line-height:var(--type-small-lh);margin:0 0 var(--space-4);font-weight:var(--type-body-strong-weight)}
.bm-blog-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bm-blog-chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-muted);text-decoration:none;font-size:var(--type-small-size);line-height:var(--type-small-lh)}
.bm-blog-chip:hover{border-color:var(--brand);color:var(--brand)}.bm-blog-topics details{margin-top:var(--space-4)}.bm-blog-topics summary{cursor:pointer;color:var(--ink-muted);font-size:var(--type-small-size);line-height:var(--type-small-lh);width:fit-content;padding:var(--space-2) 0}.bm-blog-topics details[open] summary{margin-bottom:var(--space-3)}
.bm-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.bm-blog-card{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.bm-blog-card-link{display:flex;flex-direction:column;flex:1;min-width:0;color:var(--ink);text-decoration:none}.bm-blog-card-link:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-1)}
.bm-blog-card-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--surface-raised)}
.bm-blog-card-text{padding:var(--space-6);flex:1}.bm-blog-card-meta{color:var(--ink-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-lh);margin-bottom:var(--space-3)}
.bm-blog-card h2{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-lh);margin:0 0 var(--space-3);overflow-wrap:anywhere}
.bm-blog-card p{font-size:var(--type-small-size);line-height:var(--type-small-lh);color:var(--ink-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bm-blog-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-6) var(--space-6)}.bm-blog-card-tags a{color:var(--ink-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-lh);padding:var(--space-1) var(--space-2);background:var(--surface-raised);border-radius:var(--radius-sm);text-decoration:none}.bm-blog-card-tags a:hover{color:var(--brand)}
.bm-blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-12)}.bm-blog-pagination a,.bm-blog-pagination [aria-current]{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-12);min-height:var(--space-12);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--type-small-size);line-height:var(--type-small-lh);text-decoration:none;background:var(--surface);color:var(--ink)}
.bm-blog-pagination [aria-current]{background:var(--surface-raised);font-weight:var(--type-body-strong-weight)}.bm-blog-pagination a:hover{border-color:var(--brand);color:var(--brand)}.bm-blog-ellipsis{color:var(--ink-muted);padding:var(--space-2)}
.bm-blog-page-meta{color:var(--ink-muted);font-size:var(--type-small-size);line-height:var(--type-small-lh);margin:0 0 var(--space-6)}
.bm-blog-empty{color:var(--ink-muted);padding:var(--space-12) 0}
@media(max-width:1000px){.bm-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.bm-blog{padding:var(--space-8) var(--space-4)}.bm-blog-intro h1{font-size:var(--type-h2-size);line-height:var(--type-h2-lh)}.bm-blog-intro p{font-size:var(--type-body-size);line-height:var(--type-body-lh)}.bm-blog-grid{grid-template-columns:1fr}.bm-blog-card-text{padding:var(--space-4)}.bm-blog-card-tags{padding:0 var(--space-4) var(--space-4)}.bm-blog-topics{margin-bottom:var(--space-8)}}