.cards>ul{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(257px,1fr));margin:0;padding:0;list-style:none;display:grid}.cards>ul>li{border:var(--border-width) solid var(--border-color);background-color:var(--surface-card)}.cards .cards-card-body{margin:var(--space-s)}.cards .cards-card-image{line-height:0}.cards>ul>li img{aspect-ratio:4/3;object-fit:cover;width:100%}.cards.metrics>ul{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cards.metrics>ul>li{border-radius:var(--radius-card);background-color:var(--surface-fill);border:none}.cards.metrics .cards-card-body p:first-child{font-size:28px;line-height:var(--leading-tight);font-weight:var(--weight-bold);margin:0}.cards.metrics .cards-card-body p:last-child{margin:var(--space-2xs) 0 0;color:var(--text-muted);font-size:.9em}.cards.files>ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cards.files>ul>li{border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-card)}.cards.files .cards-card-body p:first-child{margin:0}.cards.files .cards-card-body p:first-child code{background-color:var(--surface-fill);color:var(--slate-700);border-radius:var(--radius-chip);font-family:var(--fixed-font-family);padding:2px 8px;font-size:.9em;display:inline-block}.cards.files .cards-card-body p:last-child{color:var(--text-muted);margin:10px 0 0;font-size:.9em;line-height:1.5}