selectedId = selectedId === seg.id ? null : seg.id}
role="button"
tabindex="0"
on:keydown={e => e.key === 'Enter' && (selectedId = selectedId === seg.id ? null : seg.id)}
>
{#if seg.sport}{sportIcon(seg.sport as any)}{/if}
{seg.name}
{formatDistance(seg.distance_m)} · by {seg.created_by} · {formatDate(seg.created_at)}
{#if selectedId === seg.id}
{/if}