/* Show lists on the genre, venue and all-shows pages (with page.css). */
.wrap { max-width: 760px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 8px; }
.chips a { padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--soft); text-decoration: none; font-size: 13.5px; }
.chips a span { color: var(--muted); margin-left: 2px; }
.chips a:hover { border-color: var(--gold); color: var(--paper); }
.facts { color: var(--soft); }
.facts a { color: var(--soft); }
.shows { list-style: none; padding: 0; margin: 24px 0 0; }
.show { display: grid; grid-template-columns: 78px 1fr; gap: 14px; padding: 18px 0; border-top: 1px solid var(--line); margin: 0; }
.show .t { font: 800 22px/1.1 var(--display); color: var(--gold); white-space: nowrap; }
.show h3 { margin: 0; font-size: 18px; line-height: 1.3; color: var(--paper); }
.show p { margin: 4px 0 0; }
.show .who { color: var(--paper); opacity: .85; }
.show .prog, .show .desc { font-size: 14.5px; }
.show .meta { font-size: 13.5px; color: var(--muted); }
.show .meta a { color: var(--soft); }
.show .go { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 600; }
.spon { display: inline-block; margin-bottom: 4px; padding: 1px 8px; border-radius: 999px; background: var(--gold); color: var(--ink); font-size: 11.5px; font-weight: 600; }
@media (max-width: 480px) { .show { grid-template-columns: 74px 1fr; gap: 10px; } .show .t { font-size: 17px; } }