/* ==========================================================================
   GigGuide tour news link (spec 25 P10, Felix answer 12): the one line on
   /artist/{slug} that links to the current tour's latest live story.
   Loaded by the artist views only when there is a link to show.
   ========================================================================== */

#main .tour-news-link {
  --news-kind: var(--gg-cat-concerts);
  display: flex;
  align-items: center;
  gap: 8px 14px;
  margin: 20px 0 0;
  padding: 12px 16px;
  min-height: 56px;
  border: 1px solid var(--gg-border);
  border-left: 3px solid var(--news-kind);
  border-radius: var(--gg-radius);
  background: var(--gg-surface);
  color: var(--gg-text);
  text-decoration: none;
  box-sizing: border-box;
}
#main .tour-news-link:hover { background: var(--gg-surface-2); }
#main .tour-news-link-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  color: var(--news-kind);
  font: 600 13px/1.3 var(--gg-font-display);
}
#main .tour-news-link-headline {
  flex: 1 1 auto;
  min-width: 0;
  font: 600 15px/1.4 var(--gg-font-display);
}
#main .tour-news-link-date { flex: none; color: var(--gg-text-3); font-size: 13px; }
#main .tour-news-link > .news-icon:last-child { flex: none; color: var(--gg-text-3); }
#main .artist-intro .tour-news-link { margin-top: 16px; }

#main .tour-news-link .news-icon { display: block; }
#main .tour-news-link:focus-visible { outline: 2px solid var(--gg-link); outline-offset: 2px; }

@media (max-width: 759px) {
  #main .tour-news-link { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 12px 14px; }
  #main .tour-news-link-label { grid-column: 1; grid-row: 1; }
  #main .tour-news-link-headline { grid-column: 1; grid-row: 2; }
  #main .tour-news-link-date { grid-column: 1; grid-row: 3; }
  #main .tour-news-link > .news-icon:last-child { grid-column: 2; grid-row: 1 / span 3; }
}
