@layer components{@scope(.scenarios){.scenarios__grid{gap:var(--pm-space-4);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--pm-card-min)), 1fr));padding:0;list-style:none;display:grid}.scenarios__card{padding:var(--pm-space-6);gap:var(--pm-space-2);transition:border-color var(--pm-motion-fast), background-color var(--pm-motion-fast);flex-direction:column;display:flex}.scenarios__card:hover{border-color:var(--pm-accent);background:var(--pm-accent-soft)}.scenarios__card a{font-family:var(--pm-font-heading);font-weight:600;font-size:var(--pm-text-lg);letter-spacing:.02em;text-transform:uppercase}.scenarios__card p{color:var(--pm-text-muted);font-size:var(--pm-text-sm)}}}