@layer page{main{h1{font-weight:400;font-size:var(--text-xl);text-align:center;color:#4d4d4d;margin-bottom:0}div.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));> div{padding:var(--size-8);.title{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--size-6)}.tagline{font-weight:700;margin-bottom:var(--size-6)}.content{margin-top:var(--size-6)}}}div#serves{display:grid;grid-template-columns:1fr;@media(width >= 48em){grid-template-columns: 1fr auto;}gap:var(--size-6)}}}