/* Editorial track index (playground list, timeline) */

.track-catalog{
  list-style:none;margin:0;padding:0;
  border-top:1px solid color-mix(in srgb,var(--as-text) 10%,transparent);
}
.track-catalog__row{
  display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;
  gap:1rem 1.25rem;align-items:center;
  padding:1rem 0;
  border-bottom:1px solid color-mix(in srgb,var(--as-text) 8%,transparent);
  transition:background .15s;
}
.track-catalog__row:hover{
  background:color-mix(in srgb,var(--as-text) 4%,transparent);
  margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:12px;
}
.track-catalog__year{
  font-family:var(--as-font-mono,IBM Plex Mono,monospace);
  font-size:.85rem;opacity:.7;
}
.track-catalog__title{
  font-family:var(--as-font-display,Syne,system-ui,sans-serif);
  font-size:1.05rem;font-weight:600;
}
.track-catalog__play{
  padding:.45rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--as-accent) 45%,transparent);
  background:transparent;color:var(--as-accent);cursor:pointer;font-weight:600;font-size:.82rem;
}
.track-catalog__play:hover{background:color-mix(in srgb,var(--as-accent) 15%,transparent)}

.playground-timeline .track-catalog{margin-top:1.25rem}