.episode {
  display: grid;
  grid-template-columns: 1fr 3fr;
  position: relative;
}

.episode__number {
  font-size: 10vw;
  font-weight: 600;
  line-height: 1;
  position: sticky;
  top: 110px;
  text-align: center;
  color: var(--primary-color);
  height: calc(10vw + 20px);
  transition: all 0.2s ease-in;
}

.episode__content {
  border-top: 2px solid #fff;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 10px;
  padding: 15px 0;
}

.episode__content .episode_title {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
}

.story-container {
  display: flex;
  justify-content: center;
}

.story {
  max-width: 750px;
  padding-right: 10px;
  text-align: left;
  font-size: 16px;
  line-height: 26px;
}

.episode_list_title {
  font-weight: bold;
  letter-spacing: 2px;
}

.episode_list_title .episode_point {
  display: block;
}

.text-bold {
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.text-underline:hover {
  cursor: pointer;
}

ol {
  counter-reset: item;
}

ol > li {
  display: block;
}

ol > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

.title-category {
  font-size: 20px;
  font-weight: 400;
}

.winners-list > li {
  margin: 20px 0;
}

.winners-list > li::before {
  font-size: 20px;
  content: counter(item) ". ";
  counter-increment: item;
}

.title-category-people {
  color: black;
  font-weight: 400;
}

@media (max-width: 600px) {
  .episode__content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .episode__content .story {
    font-size: 15px;
  }
}