.bl-runtime-blog{max-width:1100px;margin:0 auto;padding:24px 20px 70px;color:var(--bl-global-ink)}.bl-runtime-blog :is(a,button,input,select):focus-visible{outline:2px solid var(--bl-global-ink);outline-offset:4px}.bl-blog-meta{color:var(--bl-global-muted);font-size:13px}.bl-blog-intro{color:var(--bl-global-muted);font-size:19px;line-height:1.65;max-width:850px}.bl-runtime-blog .article-body{overflow-wrap:anywhere;margin:36px 0}.bl-runtime-blog .article-body img{display:block;max-width:100%;height:auto}.bl-runtime-blog .article-body figure{margin:32px 0}.bl-runtime-blog .article-body figcaption{font-size:14px;color:var(--bl-global-muted);margin-top:10px}.bl-runtime-blog .article-body :is(table,pre){display:block;max-width:100%;overflow:auto}.bl-runtime-blog .article-body :is(td,th){padding:12px;border:1px solid var(--bl-global-border)}.bl-runtime-blog .article-body blockquote{margin:24px 0;border-left:3px solid var(--bl-global-border);padding:12px 20px;background:var(--bl-global-surface)}.bl-runtime-blog .article-body iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}.bl-runtime-blog footer{border-top:1px solid var(--bl-global-border);padding-top:24px}.bl-blog-controls{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0;align-items:center}.bl-blog-controls :is(input,select,button){padding:12px;border:1px solid var(--bl-global-border);border-radius:8px;background:var(--bl-global-surface);color:var(--bl-global-ink);font:inherit;min-width:0}.bl-blog-controls input{flex:2 1 250px}.bl-blog-controls select{flex:1 1 160px}.bl-blog-controls button{cursor:pointer}.bl-blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.bl-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.bl-blog-card{border:1px solid var(--bl-global-border);border-radius:12px;overflow:hidden}.bl-blog-card img{width:100%;height:220px;object-fit:cover;display:block}.bl-blog-card>div{padding:20px}.bl-blog-card h2{font-size:24px;margin:12px 0}.bl-blog-card h2 a{text-decoration:none}.bl-blog-card>div>p:not(.bl-blog-meta){color:var(--bl-global-muted);line-height:1.6}@media(max-width:900px){.bl-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bl-blog-grid{grid-template-columns:1fr}.bl-blog-controls{align-items:stretch}.bl-blog-controls input{flex-basis:100%}}