.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-bottom:5rem;display:grid}.blog-card{overflow:hidden}.blog-card-body{padding:1.5rem}.blog-card h2{margin:.7rem 0;font-size:1.5rem;line-height:1.3}.blog-card p,.blog-article header>p{color:var(--muted)}.blog-card time,.blog-article time{color:var(--muted);font-size:.9rem}.blog-cover{border-radius:1rem;width:100%;height:auto;display:block}.blog-card .blog-cover{aspect-ratio:3/2;object-fit:cover;border-radius:0}.blog-tags{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.blog-tags li{background:var(--primary-soft);color:var(--primary-strong);border-radius:2rem;padding:.15rem .65rem;font-size:.85rem}.blog-empty{grid-column:1/-1;padding:2rem}.blog-article{overflow-wrap:anywhere;max-width:800px;padding-top:3rem;padding-bottom:5rem}.blog-article header{margin:2rem 0}.blog-article h1{margin:1rem 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.blog-markdown{margin-top:2.5rem;line-height:1.85}.blog-markdown :is(h2,h3,h4,h5,h6){margin:2rem 0 1rem;font-weight:650;line-height:1.3}.blog-markdown h2{font-size:1.8rem}.blog-markdown h3{font-size:1.4rem}.blog-markdown p,.blog-markdown :is(ul,ol){margin:1rem 0}.blog-markdown ul{padding-left:1.5rem;list-style:outside}.blog-markdown ol{padding-left:1.5rem;list-style:decimal}.blog-markdown a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}.blog-markdown code{font-family:var(--font-geist-mono), monospace;background:var(--primary-soft);border-radius:.25rem;padding:.1rem .3rem;font-size:.9em}.blog-markdown pre{background:var(--background-raised);border:1px solid var(--line);border-radius:.75rem;padding:1.25rem;overflow-x:auto}.blog-markdown pre code{background:0 0;padding:0}.blog-markdown blockquote{border-left:3px solid var(--primary);color:var(--muted);padding-left:1rem}.blog-inline-image{border-radius:.75rem;width:100%;height:auto}.blog-table{overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%}.blog-table :is(td,th){border:1px solid var(--line);text-align:left;padding:.6rem}@media (max-width:720px){.blog-grid{grid-template-columns:1fr}}