.underline {
  text-decoration: underline;
  color: var(--colorLink);
}
.results__after {
  margin: 40px 0;
}

.results__section {
  padding: clamp(3.75rem, 7.4074vw, 5rem) 1.25rem;
}

.results__display {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.results__article {
  background: rgba(236, 246, 250, 1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}

.resultArticle__date {
  font-size: var(--fontMax18Min16);
  font-weight: 500;
  letter-spacing: 0.1em;
  padding-left: 1.25rem;
  position: relative;
}

.resultArticle__date::before {
  background: var(--colorAccent);
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0.9375rem;
  width: 0.625rem;
}

.resultArticle__details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.resultArticle__participants,
.resultArticle__resits {
  display: flex;
  gap: 1rem;
  padding: 0.5rem;
  padding-left: 1rem;
  width: fit-content;
}

.resultArticle__participants {
  background: #a1eeff;
}

.resultArticle__resits {
  background: #a1d8ff;
}

.resultArticle__detailTitle {
  position: relative;
}

.resultArticle__detailTitle::after {
  content: "/";
  display: inline-block;
  margin-left: 1rem;
  position: relative;
}

.resultArticle__subheading {
  background: var(--colorLink);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 0 0.625rem;
  width: fit-content;
}

.resultArticle__numbers {
  margin-top: 0.5rem;
}

@media screen and (max-width: 550px) {
  .resultArticle__participants,
  .resultArticle__resits {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .resultArticle__detailTitle {
    display: flex;
    justify-content: space-between;
  }
}