.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px 32px 40px;display:grid}.blog-card{border:1px solid color-mix(in oklch, var(--ink) 10%, transparent);background:var(--resources-card);color:var(--ink);border-radius:10px;flex-direction:column;gap:8px;padding:20px;transition:border-color .15s;display:flex}.blog-card:hover{border-color:color-mix(in oklch, var(--ink) 30%, transparent)}.blog-card h2{font-size:19px;font-weight:500;line-height:1.3}.blog-tag{border:1px solid color-mix(in oklch, var(--ink) 15%, transparent);color:color-mix(in oklch, var(--ink) 65%, transparent);border-radius:999px;padding:1px 8px;font-size:10px}.blog-article{max-width:720px;margin:0 auto;padding:24px 24px 56px}.blog-article img.blog-cover{border-radius:10px;width:100%;margin-bottom:24px}.blog-prose{font-size:16px;line-height:1.75}.blog-prose h2{margin:32px 0 10px;font-size:22px;font-weight:500}.blog-prose h3{margin:24px 0 8px;font-size:18px;font-weight:500}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin:0 0 16px}.blog-prose ul{padding-inline-start:22px;list-style:outside}.blog-prose ol{padding-inline-start:22px;list-style:decimal}.blog-prose a{color:var(--terracotta);text-underline-offset:2px;text-decoration:underline}.blog-prose blockquote{border-inline-start:3px solid color-mix(in oklch, var(--ink) 20%, transparent);color:color-mix(in oklch, var(--ink) 70%, transparent);padding-inline-start:14px}.blog-prose img{border-radius:8px;max-width:100%}.blog-prose code{background:color-mix(in oklch, var(--ink) 6%, transparent);border-radius:4px;padding:1px 4px;font-size:.9em}@media (width<=767px){.blog-grid{padding:16px}}