@layer components{@scope(.blog){:scope{padding-block:var(--pm-space-12);gap:var(--pm-space-6);flex-direction:column;display:flex}h1{font-size:var(--pm-text-2xl)}:scope>h1+p{color:var(--pm-text-muted);max-width:var(--pm-measure)}.blog__list{gap:var(--pm-space-3);flex-direction:column;padding:0;list-style:none;display:flex}.blog__item{padding:var(--pm-space-4) var(--pm-space-6)}.blog__item a{font-weight:600;font-size:var(--pm-text-lg)}.blog__item p{color:var(--pm-text-muted);font-size:var(--pm-text-sm);margin-top:var(--pm-space-1)}.blog__group{margin-top:var(--pm-space-4);font-size:var(--pm-text-sm);text-transform:uppercase;letter-spacing:var(--pm-tracking-label);color:var(--pm-accent-strong);font-weight:600}article.blog__post{max-width:var(--pm-measure);gap:var(--pm-space-4);flex-direction:column;display:flex}article.blog__post .blog__meta{font-size:var(--pm-text-sm);color:var(--pm-text-muted)}article.blog__post h2{font-size:var(--pm-text-xl);margin-top:var(--pm-space-4)}article.blog__post p{color:var(--pm-text-muted)}}}