.ui-grid{grid-template-columns:repeat(auto-fill, minmax(var(--grid-columns,24ch), 1fr));gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.ui-grid-item{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;transition:background var(--duration-fast), border-color var(--duration-fast);flex-direction:column;text-decoration:none;display:flex;position:relative}.ui-grid-item.interactive{cursor:pointer}.ui-grid-item.interactive:hover{background:color-mix(in srgb, var(--bg-alt) 60%, transparent);border-color:color-mix(in srgb, var(--border) 60%, transparent)}.ui-grid-item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.ui-grid-item-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text);margin:0}.ui-grid-item-desc{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-lighter);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}