/* ---- the tonight page ------------------------------------------------- */
.nights-all{padding:40px 0 8px}
.night{padding:26px 0 18px; border-top:1px solid var(--hairline)}
.night:first-child{border-top:0}
.night h2{font-size:clamp(24px,3.4vw,32px); line-height:1.1; margin:0 0 6px}
.night .count{color:var(--muted); font-size:15.5px; margin:0 0 12px}
.night .count a{display:inline-block; padding:10px 0; margin:-10px 0; color:var(--accent-400);
  text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--accent-800)}
.night.now{padding-top:6px}
.night.now h2{font-family:var(--display); text-shadow:var(--neon-b);
  font-size:clamp(30px,5vw,44px)}
.tlist{list-style:none; margin:0; padding:0; max-width:var(--prose)}
.tlist li{display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 12px;
  min-height:44px; padding:10px 0; border-top:1px solid var(--hairline)}
.tlist li:last-child{border-bottom:1px solid var(--hairline)}
.tlist .nm{font-size:17px; font-weight:500; position:relative}
.tlist .nm a{color:inherit; text-decoration:underline; text-underline-offset:4px;
  text-decoration-thickness:1px; text-decoration-color:var(--accent-800)}
.tlist .nm a:hover{color:var(--accent-400); text-decoration-color:var(--accent)}
/* The name's tap area: 44px+ without moving it. */
.tlist .nm a::after{content:""; position:absolute; inset:-12px 0}
.tlist .where{color:var(--muted); font-size:15px}
.tlist .when{margin-left:auto; font-family:var(--mono); font-size:13px; color:var(--muted)}
.night .full{margin:12px 0 0}
.night .full a{display:inline-flex; align-items:center; min-height:44px; padding:8px 16px;
  border:1px solid var(--divider); border-radius:var(--r-md); color:var(--text);
  text-decoration:none; font-size:15px; background:var(--surface)}
.night .full a:hover{border-color:var(--accent-400); box-shadow:0 0 12px rgba(145,132,217,.35)}
.nights-all .rest{font-family:var(--mono); font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--faint); margin:36px 0 0}
.night .none{color:var(--ghost); font-size:15px; margin:0}
@media (max-width:520px){
  /* Name on its own line; neighborhood and start time share the next. */
  .tlist li{gap:2px 10px}
  .tlist .nm{flex-basis:100%}
  .tlist .when{margin-left:0}
}