/* Rolling Chefs — live music calendar (/events/). Built 2026-11-04.
   Uses the articles section tokens (articles.css loads first). */

.ev-wrap { max-width: 52rem; margin: 0 auto; padding: 0 clamp(1rem, 5vw, 2rem); }

.ev-next {
  margin: clamp(1.6rem, 4vw, 2.4rem) 0 0;
  border: 1px solid var(--line); border-top: 3px solid var(--red);
  background: var(--ink2);
  padding: clamp(1rem, 3vw, 1.5rem);
}
.ev-next .label {
  font-family: "Bebas Neue", Impact, sans-serif; letter-spacing: 0.2em;
  color: var(--orange); font-size: 0.85rem; text-transform: uppercase; margin: 0 0 0.4rem;
}
.ev-next p { margin: 0; color: var(--cream2); }
.ev-next a { color: var(--orange); }

.ev-month { padding-top: clamp(1.8rem, 5vw, 2.8rem); }
.ev-month h2 {
  font-family: Anton, Impact, sans-serif; font-weight: 400;
  text-transform: uppercase; letter-spacing: 0.02em;
  font-size: clamp(1.5rem, 5vw, 2.2rem); line-height: 1;
  margin: 0 0 1rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--line);
}
.ev-month h2 span { color: var(--orange); }

.show {
  display: grid; grid-template-columns: 5.2rem 6.5rem 1fr; gap: 1rem; align-items: center;
  padding: 0.9rem 0; border-bottom: 1px solid var(--line);
}
.show:last-child { border-bottom: 0; }
.date {
  text-align: center; background: var(--red); color: var(--cream);
  padding: 0.45rem 0.2rem 0.5rem; line-height: 1;
}
.date .dow { font-family: "Bebas Neue", Impact, sans-serif; letter-spacing: 0.16em; font-size: 0.85rem; display: block; }
.date .day { font-family: Anton, Impact, sans-serif; font-size: 2.1rem; display: block; margin: 0.15rem 0; }
.date .mon { font-family: "Bebas Neue", Impact, sans-serif; letter-spacing: 0.16em; font-size: 0.85rem; display: block; }

.pic {
  width: 6.5rem; height: 6.5rem; object-fit: cover; display: block;
  background: var(--ink2); border: 1px solid var(--line);
}
.pic.none {
  display: flex; align-items: center; justify-content: center;
  font-family: Anton, Impact, sans-serif; font-size: 2rem; color: var(--mid);
}
.who h3 {
  font-family: Anton, Impact, sans-serif; font-weight: 400; text-transform: uppercase;
  letter-spacing: 0.01em; font-size: clamp(1.15rem, 3.4vw, 1.45rem); line-height: 1.1; margin: 0 0 0.25rem;
}
.who .type { font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--orange); margin: 0 0 0.35rem; }
.who p { margin: 0; color: var(--cream2); font-size: 0.94rem; line-height: 1.55; }
.who .links { margin-top: 0.4rem; font-size: 0.82rem; }
.who .links a { color: var(--cream2); margin-right: 0.9rem; text-underline-offset: 3px; }
.who .links a:hover { color: var(--cream); }

.ev-foot { color: var(--mid); font-size: 0.85rem; padding: 2rem 0 3rem; }

.who { min-width: 0; overflow-wrap: anywhere; }

@media (max-width: 560px) {
  .show { grid-template-columns: 4.2rem 4.2rem minmax(0, 1fr); gap: 0.75rem; align-items: start; }
  .pic { width: 4.2rem; height: 4.2rem; }
  .pic.none { font-size: 1.4rem; }
  .date .day { font-size: 1.7rem; }
  .who p { font-size: 0.9rem; }
}