.blog-card__tags{gap:var(--fst-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-card__link{color:inherit;text-decoration:none}.blog-card__link:after{content:"";border-radius:var(--fst-card-radius);position:absolute;inset:0}.blog-card__link:focus-visible{outline:none}.blog-card__link:focus-visible:after{outline:var(--fst-focus-ring-width) solid var(--fst-focus-ring-color);outline-offset:var(--fst-focus-ring-offset)}.blog-card__go{align-self:start;align-items:center;gap:var(--fst-space-2);color:var(--fst-color-text-secondary);margin-top:auto;display:inline-flex}.blog-card__cover{aspect-ratio:16/9;border-radius:var(--fst-radius-lg);border:var(--fst-border-width-thin) solid var(--fst-color-border-subtle);background:var(--fst-color-bg-recessed);display:block;overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-filter{gap:var(--fst-space-2);margin-bottom:var(--fst-space-6);flex-wrap:wrap;display:flex}.blog-post{gap:var(--fst-space-8);max-width:var(--fst-container-prose);grid-template-columns:minmax(0,1fr);display:grid}.blog-post .fst-prose pre{scrollbar-width:thin;scrollbar-color:var(--fst-color-border-strong) transparent;max-width:100%;padding:var(--fst-space-3) var(--fst-space-4);background:var(--fst-code-bg);border:var(--fst-border-width-thin) solid var(--fst-code-border);border-radius:var(--fst-code-radius);color:var(--fst-code-fg);tab-size:2;overflow-x:auto}.blog-card h2{text-wrap:balance}.blog-post .fst-prose{max-width:60ch}.blog-post .fst-prose img{border-radius:var(--fst-radius-lg);border:var(--fst-border-width-thin) solid var(--fst-color-border-subtle);max-width:100%;height:auto;display:block}:root[data-theme=light] .blog-img--dark,:root:not([data-theme=light]) .blog-img--light{display:none}.blog-post__meta{gap:var(--fst-space-3);display:grid}.blog-post__back{justify-self:start}.blog-post__cta{gap:var(--fst-space-3);max-width:60ch;padding:var(--fst-space-6);border:var(--fst-border-width-thin) solid var(--fst-color-border-default);border-radius:var(--fst-radius-xl);background:var(--fst-color-bg-surface);justify-items:start;display:grid}.blog-post__related{gap:var(--fst-space-3);max-width:60ch;display:grid}.blog-post__related ul{gap:var(--fst-space-3);margin:0;padding:0;list-style:none;display:grid}.blog-post__related li{gap:var(--fst-space-1);display:grid}
