.blog-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:40rem){.blog-archive-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:64rem){.blog-archive-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}}.blog-card{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--card);cursor:pointer;overflow:hidden}.blog-card-categories{text-transform:uppercase;margin-bottom:1rem;font-size:.875rem}.blog-card-description{margin-top:.5rem}