/* EVENT RUNDOWN */
.er-section { scroll-margin-top: 88px; position: relative; }
.er-section .section-subtitle { margin-bottom: 56px; }
.er-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; position: relative; }
.er-list::before { content: ''; position: absolute; top: 9px; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, rgba(96,165,250,.55), rgba(251,191,36,.7)); }
.er-item { position: relative; padding-top: 40px; display: flex; flex-direction: column; }
.er-node { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 20px; height: 20px; border-radius: 50%; background: #0a0a0a; border: 3px solid #60a5fa; z-index: 1; }
.er-item-final .er-node { border-color: #fbbf24; background: #fbbf24; }
.er-item > :not(.er-node) { background: #1a1a1a; }
.er-time, .er-title, .er-desc { margin: 0; padding-left: 20px; padding-right: 20px; border-left: 1px solid #333; border-right: 1px solid #333; }
.er-time { padding-top: 22px; border-top: 1px solid #333; border-radius: 12px 12px 0 0; }
.er-time time { display: inline; }
.er-time { font-family: var(--font-mono); font-size: 0.95rem; font-weight: 700; color: #fcd34d; letter-spacing: .3px; line-height: 1.4; }
.er-title { padding-top: 12px; color: #fff; font-size: 1.05rem; font-weight: 800; line-height: 1.35; }
.er-desc { flex: 1; padding-top: 10px; padding-bottom: 22px; color: #c9c9c9; font-size: 0.92rem; line-height: 1.6; border-bottom: 1px solid #333; border-radius: 0 0 12px 12px; }
.er-item-final .er-time, .er-item-final .er-title, .er-item-final .er-desc { background: #292313; border-color: #796328; }
.er-disclaimer { max-width: 760px; margin: 36px auto 0; text-align: center; color: #a8a8a8; font-size: 0.85rem; line-height: 1.6; }
@media (max-width: 1000px) {
  .er-list { grid-template-columns: 1fr; gap: 14px; max-width: 640px; margin: 0 auto; }
  .er-list::before { top: 10px; bottom: 10px; left: 9px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, rgba(96,165,250,.55), rgba(251,191,36,.7)); }
  .er-item { padding: 0 0 0 40px; }
  .er-node { left: 0; top: 22px; transform: none; }
  .er-time { padding-top: 18px; } .er-desc { padding-bottom: 18px; }
}
@media (max-width: 600px) {
  .er-item { padding-left: 32px; }
  .er-time, .er-title, .er-desc { padding-left: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) { .er-section * { transition: none !important; animation: none !important; } }