@layer components{.developer-cards{--columns:3;--min-card:20rem;gap:var(--space-sm);grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--min-card), calc((100% - (var(--columns) - 1) * var(--space-md)) / var(--columns)))), 1fr));margin:0;padding:0;list-style-type:none;display:grid}.developer-card{background-color:var(--color-sheet);border:var(--line-weight) solid oklch(from var(--color-text) l c h / 10%);box-shadow:var(--shadow-lg);background-color:oklch(from var(--color-asphalt) var(--900));transition:border-color .1s}@media (hover) and (pointer:fine){.developer-card:hover{border-color:var(--color-accent)}}.developer-card>a{block-size:100%;padding:var(--space-md);justify-content:space-between;gap:var(--space-sm);flex-direction:column;text-decoration:none;display:flex}.developer-card h3{font-size:var(--type-lg);margin-block:0}.developer-card p{color:oklch(from var(--color-text) l c h / 50%);font-size:var(--type-xs);margin-block:0}.developer-card .arrow{--arrow-color:var(--color-accent)!important}}