/* 大会結果の順位リスト。大会ページの「大会結果」で使う。
   HP の見出しと同じ whitesmoke の面と #b94047 の左線で、1位だけを強める。 */
.sef-podium {
  display: grid;
  gap: 8px;
  margin: 1.5em 0 2em;
}
.sef-podium__item {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  grid-template-areas:
    "rank label"
    "rank name"
    "rank sub";
  align-items: center;
  column-gap: 16px;
  padding: 14px 20px;
  background: whitesmoke;
  border-left: solid 5px #cfcfcf;
}
.sef-podium__item--1 {
  padding: 22px 20px;
  border-left-color: #b94047;
}
.sef-podium__rank {
  grid-area: rank;
  font-family: 'Oswald', sans-serif;
  font-size: 2.2rem;
  line-height: 1;
  color: #555555;
  text-align: center;
}
.sef-podium__item--1 .sef-podium__rank {
  font-size: 3rem;
  color: #b94047;
}
.sef-podium__label {
  grid-area: label;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  color: #999999;
}
.sef-podium__name {
  grid-area: name;
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
  color: #333333;
  overflow-wrap: anywhere;
}
.sef-podium__item--1 .sef-podium__name {
  font-size: 1.4rem;
}
.sef-podium__sub {
  grid-area: sub;
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #999999;
  overflow-wrap: anywhere;
}

.sef-result-photo {
  margin: 0 0 1.5em;
}
.sef-result-photo img {
  width: 100%;
  height: auto;
}
.sef-result-photo figcaption {
  margin-top: 6px;
  font-size: 0.85rem;
  color: #999999;
  text-align: center;
}

@media (max-width: 575px) {
  .sef-podium__item {
    grid-template-columns: 3rem minmax(0, 1fr);
    padding: 12px 14px;
  }
  .sef-podium__item--1 .sef-podium__rank {
    font-size: 2.4rem;
  }
}