.content-container .work-places {
  margin-block: calc(2 * var(--font-size)) calc(1 * var(--font-size));
  position: relative;
}

.tab-container .tab-header {
  right: calc(0.8 * var(--font-size));
}

.tab-container .tab-content-container {
  padding: calc(0.7 * var(--font-size));
}

.tab-container .tab-content-container .tab-content.active {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.event-info .company-description {
  margin-top: calc(0.7 * var(--font-size));
  text-indent: calc(0.4 * var(--font-size));
  color: #013d6e;
  font-family: "Poppins", sans-serif;
  text-shadow: 0.2em 0.1em 0.3em #29292941;
  font-size: calc(0.4 * var(--font-size));
}

.event-info h2 > span {
  font-size: calc(0.45 * var(--font-size));
  font-family: "Poppins", sans-serif;
  margin-top: calc(0.7 * var(--font-size));
  --color: var(--highlight-color-lighter);
  --contour-color: var(--highlight-color);
  background: linear-gradient(to top, var(--color), var(--contour-color));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.event-info .duties {
  list-style: none; /* Remove default bullet points */
  --padding-left: 20px;
  padding-left: var(--padding-left);
  line-height: calc(0.47 * var(--font-size));
  width: calc(100% - var(--padding-left));
}

.event-info .duties .duty::before {
  content: "\2605"; /* Unicode character for a star (★) */
  color: gold;
  font-size: 16px;
  margin-right: 10px; /* Space between bullet and text */
}

.duty:has(.ta-subject) {
  overflow: hidden; /* clears the float */
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.duty:has(.ta-subject)::before {
  float: left;
}

.duty > .ta-subject {
  list-style-type: none;
  width: 94%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.duty > .ta-subject > .subject-name {
  width: 50%;
}

.duty > .ta-subject > .time-range {
  width: 45%;
}

.duty > .ta-subject .subject-name > .parts,
.duty > .ta-subject .time-range > .ranges {
  list-style-type: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.duty > .ta-subject .subject-name > .parts > .part.teacher {
  font-style: italic;
}

.duty > .ta-subject .time-range > .ranges > .range {
  font-weight: bold;
}