/* Event-specific details within the existing Clubs profile design. */
.tpn-event-date-badge { display: grid; place-content: center; text-align: center; flex: 0 0 132px; width: 132px; height: 132px; border: 1px solid var(--tpn-line); border-radius: 8px; background: #fff; color: var(--tpn-navy); }
.tpn-event-date-badge span { font-size: 13px; font-weight: 700; text-transform: uppercase; }
.tpn-event-date-badge strong { font-size: 48px; line-height: 1.15; }
.tpn-event-profile .tpn-club-identity { overflow-wrap: anywhere; }
.tpn-event-profile .tpn-event-description { white-space: pre-line; color: var(--tpn-muted); }
.tpn-event-profile .tpn-event-main-fact { color: var(--tpn-ink); font-weight: 700; font-size: 18px; }
.tpn-event-profile .tpn-event-note { font-size: 13px; }
.tpn-event-profile .tpn-event-notice { padding: 10px; background: var(--tpn-mist); font-size: 14px; }
.tpn-event-poster { margin: 0; padding: 16px; }
.tpn-event-poster img { display: block; width: 100%; max-height: 650px; object-fit: contain; }
.tpn-event-facts { margin: 0 0 14px; }
.tpn-event-facts > div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--tpn-line); }
.tpn-event-facts dt { color: var(--tpn-muted); }
.tpn-event-facts dd { margin: 0; font-weight: 700; text-align: right; }
@media (max-width: 700px) {
  .tpn-event-date-badge { flex-basis: 64px; width: 64px; height: 82px; }
  .tpn-event-date-badge strong { font-size: 32px; }
  .tpn-event-date-badge span { font-size: 11px; }
  .tpn-event-profile .tpn-club-header { gap: 12px; }
  .tpn-event-profile h1 { font-size: 28px; }
  .tpn-event-profile .tpn-club-sidebar { grid-row: 1; }
}