.schedule-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
  align-items: flex-start;
  overflow-x: auto;
}

.day-column {
  flex: 1 1 0px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
}

.event-box, .time-slot, .header {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 5px;
  padding: 10px;
  height: 60px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  line-height: 1.2;
}

.header {
  height: 50px;
  background: #333;
  color: white;
  font-weight: bold;
}

.break { background-color: #f5f5f5; color: #999; border-style: dashed; }
.none { border-style: none; }
.tutorial { border-left: 5px solid #ff9800; background-color: #fff4e5; }
.talk { border-left: 5px solid #2196f3; background-color: #e3f2fd; }
.panel { border-left: 5px solid #8e7cc3; background-color: #f1eff8; }
.poster { border-left: 5px solid #d0715c; background-color: #f9ebe8; }
.crest { border-left: 5px solid #6a95dd; background-color: #eef3fc; }
.discussion { border-left: 5px solid #82c4ba; background-color: #edf7f6; }
.special { border-left: 5px solid #d4cc72; background-color: #faf9e8; }