/* Club/venue and event detail extras: events list, FAQ heading, related links, sources,
   the events hub and the "this event has passed" notice. Uses the --rp-* theme tokens. */
.venue-block { margin-top: 3rem; max-width: 880px; }
.venue-h2 { margin: 0 0 1rem; color: var(--rp-paper); font-family: "RP Syne", sans-serif; font-size: clamp(1.35rem, 3vw, 1.85rem); letter-spacing: -.03em; line-height: 1.1; }
.venue-h3 { margin: 1.5rem 0 .6rem; color: var(--rp-muted); font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.venue-note { margin: .5rem 0; color: var(--rp-text-2); line-height: 1.65; }
.venue-note a, .venue-related a { color: var(--rp-blue); font-weight: 700; }
.venue-events, .venue-related { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.venue-events a { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; padding: .9rem 1.1rem; color: var(--rp-paper); border: 1px solid var(--rp-line); border-left: 4px solid var(--rp-acid); border-radius: 14px; background: var(--rp-ink); }
.venue-events a:hover { border-color: var(--rp-blue); box-shadow: var(--shadow); }
.venue-events time { min-width: 7.5rem; color: var(--rp-acid); font-weight: 800; font-variant-numeric: tabular-nums; }
.venue-events.is-past a { border-left-color: var(--rp-line); }
.venue-events.is-past time { color: var(--rp-muted); }
.hub-ev-title { flex: 1 1 14rem; font-weight: 800; }
.hub-ev-meta { color: var(--rp-muted); font-size: .85rem; }
.venue-related { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.venue-related a { display: block; padding: .9rem 1.1rem; border: 1px solid var(--rp-line); border-radius: 14px; background: var(--rp-panel); }
.venue-related a:hover { border-color: var(--rp-blue); }
.venue-sources { max-width: 880px; margin-top: 2.5rem; color: var(--rp-muted); font-size: .8rem; line-height: 1.6; }
.venue-sources a { color: inherit; text-decoration: underline; word-break: break-word; }
.event-passed { margin: 0 0 1.5rem; padding: 1rem 1.2rem; color: var(--rp-paper); border: 1px solid var(--rp-acid); border-radius: 14px; background: color-mix(in srgb, var(--rp-acid) 6%, var(--rp-ink)); line-height: 1.6; }
.event-passed a { color: var(--rp-blue); font-weight: 800; }