/* Events page: a TV-guide style listing */
.guide {
  max-width: 900px; margin: 0 auto;
  background: linear-gradient(180deg, #2a1e17, var(--card));
  border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
  overflow: hidden;
}
.guide-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 22px; background: #0d0907; border-bottom: 1px solid var(--line);
  font-family: "VT323", ui-monospace, monospace; font-size: 1.35rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--accent); text-shadow: 0 0 8px rgba(46, 196, 182, 0.55);
}
.event-list { list-style: none; margin: 0; padding: 0; }
.event {
  display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center;
  padding: 26px 22px; border-bottom: 1px solid var(--line);
}
.event:last-child { border-bottom: 0; }
.event-empty { padding: 40px 22px; text-align: center; color: var(--muted); font-family: "VT323", ui-monospace, monospace; font-size: 1.4rem; letter-spacing: 0.06em; }

/* Flip-clock date tile */
.event-date {
  position: relative; width: 76px; padding: 8px 0 10px; border-radius: 6px; text-align: center;
  background: linear-gradient(180deg, #2e2622 0 50%, #221b18 50% 100%);
  border: 1px solid #0d0907;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 4px 10px rgba(0,0,0,0.5);
}
.event-date::after {
  content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px;
  background: #0d0907; box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}
.event-month { display: block; font-family: "VT323", ui-monospace, monospace; font-size: 1.2rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--flame-2); line-height: 1.2; }
.event-day { display: block; font-weight: 800; font-size: 2.3rem; line-height: 1; color: var(--text); }

.event-title { font-family: "Abril Fatface", Georgia, serif; font-weight: 400; font-size: clamp(1.3rem, 2.6vw, 1.7rem); margin: 0 0 6px; color: var(--text); }
.event-when { margin: 0; color: var(--flame-2); font-weight: 600; }
.event-where { margin: 2px 0 0; color: var(--muted); }
.event-where a { color: var(--text); }
.event-note { margin: 8px 0 0; color: var(--muted); font-size: 0.95rem; }

/* Green LCD start time */
.event-time {
  font-family: "VT323", ui-monospace, monospace; font-size: 2.2rem; line-height: 1; white-space: nowrap;
  padding: 8px 14px; border-radius: 4px;
  background: linear-gradient(180deg, #0a0e07, #111a0c); border: 2px solid #050704;
  color: #7dff5a; text-shadow: 0 0 8px rgba(125, 255, 90, 0.6);
  box-shadow: inset 0 0 14px rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.06);
}

@media (max-width: 600px) {
  .event { grid-template-columns: auto 1fr; gap: 16px; }
  .event-time { grid-column: 2; justify-self: start; font-size: 1.8rem; }
  .event-date { width: 64px; }
  .event-day { font-size: 1.9rem; }
}