@layer components{@scope(.about){:scope{padding-block:var(--pm-space-12);gap:var(--pm-space-4);max-width:var(--pm-measure);flex-direction:column;display:flex}h1{font-size:var(--pm-text-2xl)}:scope>h1+p{color:var(--pm-text-muted)}h2{font-size:var(--pm-text-xl);margin-top:var(--pm-space-6)}h2+p,li{color:var(--pm-text-muted)}ul{padding-left:var(--pm-space-6);gap:var(--pm-space-2);flex-direction:column;display:flex}}}