.page-title {
  margin-bottom: 0;
}

.news-detail-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 1360px;

  @media (width <= 767px) {
    gap: 0.5rem;
  }
}

.news-detail-excerpt {
  font-size: var(--text-24);
  font-weight: 700;
}

.news-detail-date {
  font-family: var(--font-en);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  color: var(--color-gray);
}

.news-detail-content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin-top: 5rem;
  margin-bottom: 5rem;

  @media (width <= 767px) {
    gap: 2.5rem;
    margin-top: 1.875rem;
    margin-bottom: 2.5rem;
  }

  h2 {
    margin-bottom: 0.5em;
    font-size: clamp(1.875rem, 1.554rem + 1.61vw, 3rem);
    font-weight: 700;
    line-height: 1.2;

    :is(html[lang='ja'], html[lang='jp']) :is(&:not(.en-label)) {
      font-size: clamp(1.75rem, 1.536rem + 1.07vw, 2.5rem);
    }
  }

  h3 {
    margin-bottom: 0.5em;
    font-size: clamp(1.5rem, 1.286rem + 1.07vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;

    :is(html[lang='ja'], html[lang='jp']) :is(&:not(.en-label)) {
      font-size: clamp(1.25rem, 1.036rem + 1.07vw, 2rem);
    }
  }

  p {
    font-size: clamp(0.875rem, 0.839rem + 0.18vw, 1rem);
    line-height: 1.5;
  }

  a {
    font-size: 1rem;
    color: var(--color-link);
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }
  }
}

.news-detail-image {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.link-button {
  justify-self: center;
  margin-bottom: 7.5rem;

  @media (width <= 767px) {
    margin-bottom: 3.75rem;
  }
}