/* Event row: Zeit | Veranstaltung | optionale Bezeichnung | Raum. */
.event{
  display:grid;
  grid-template-columns:9% minmax(0,1fr) 22% 18%;
  gap:.7vw;
  align-items:center;
}
.event .start{
  font-weight:700;
  white-space:nowrap;
}
.event .title{
  min-width:0;
  font-weight:600;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.08;
}
.event .room-label{
  min-width:0;
  color:var(--muted-text);
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.08;
}
.event .room-name{
  min-width:0;
  width:100%;
  text-align:right;
  justify-self:end;
  color:var(--normal-text);
  font-weight:600;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.15;
  overflow:visible;
  text-overflow:clip;
}
/* Legacy room span, in case an older cached JS is still active briefly. */
.event .rooms{
  text-align:right;
  color:var(--normal-text);
}

@media(max-aspect-ratio:4/3){
  .event{
    grid-template-columns:9% minmax(0,1fr) 23% 18%;
    gap:.55vw;
    font-size:.96vw;
  }
  .event .title,.event .room-label{line-height:1.06}
  .event .room-label,.event .room-name{font-size:.92em}
}