@layer components{@scope(.about){:scope{padding-block:var(--pm-space-12);gap:var(--pm-space-4);flex-direction:column;max-width:60rem;display:flex}h1{max-width:16ch;font-size:var(--pm-text-3xl);line-height:1.05}: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}}}