@layer theme,base;@layer components{.blog-listing{max-width:72rem;margin:0 auto;padding:0 1.5rem 4rem}.blog-listing-grid{grid-template-columns:repeat(1,1fr);gap:2rem;display:grid}.blog-listing-empty{text-align:center;color:var(--muted);padding:4rem 0;font-size:1.0625rem}@media (min-width:640px){.blog-listing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-listing-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.blog-listing{padding:0 1rem 3rem}}}@layer utilities;