.historical-question-section {
  margin-top: 34px;
  --historical-question-width: min(1020px, calc(100vw - 40px));
}

.historical-question {
  margin-top: 20px;
}

.historical-question-heading {
  width: var(--historical-question-width);
  max-width: var(--historical-question-width);
  margin: 0 auto 14px;
  color: var(--text);
  font: 700 clamp(1.55rem, 3vw, 2.25rem)/1.08 "Space Grotesk", Inter, sans-serif;
  letter-spacing: -.035em;
}

.historical-audio {
  display: none;
}

.historical-question .dc-cover > img {
  object-position: 63% center;
}

.historical-question .dc-cover-title {
  margin-top: 40px;
}

.historical-question .dc-cover-title h3 {
  font-size: 35px;
}

.historical-question .dc-question-state h3 {
  font-size: 19px;
}

.historical-question .dc-result-state h3 {
  font-size: 21px;
}

.historical-question .dc-reason {
  color: #d4dce1;
}

@media (max-width: 700px) {
  .historical-question-section {
    margin-top: 28px;
    --historical-question-width: min(470px, 100%);
  }

  .historical-question .dc-cover {
    min-height: 0;
  }

  .historical-question.daily-challenge {
    min-height: 0;
  }

  .historical-question.daily-challenge.is-result .dc-cover {
    min-height: 0;
  }

  .historical-question .dc-audio-console {
    margin-top: 20px;
    padding-top: 0;
  }

  .historical-question .dc-cover-title {
    margin-top: 25px;
  }

  .historical-question .dc-cover-title h3 {
    font-size: 30px;
  }

  .historical-question .dc-question-state h3,
  .historical-question .dc-result-state h3 {
    font-size: 18px;
  }
}