/* ==========================================
   News Detail Page — PC Styles
   ========================================== */

@media screen and (min-width: 992px) {
  .news-detail {
    padding: 115px 0 255px;
  }

  .news-detail-container {
    --news-detail-container-width: min(100% - 160px, 1120px);
    width: var(--news-detail-container-width);
    margin: 0 auto;
    padding: 0;
  }

  .news-detail-article {
    --news-detail-article-width: 840px;
    width: var(--news-detail-article-width);
    margin: 87px auto 0;
  }

  .news-detail-meta {
    gap: 19px;
  }

  .news-detail-meta time {
    font-size: 18px;
  }

  .news-detail-meta span {
    min-width: 159px;
    min-height: 37px;
    padding: 8px 20px 9px;
    border-radius: 7px;
    font-size: 18px;
  }

  .news-detail-header h1 {
    margin-top: 60px;
    font-size: 26px;
    letter-spacing: 0.03em;
  }

  .news-detail-eyecatch {
    width: 785px;
    margin: 45px auto 0;
  }

  .news-detail-eyecatch img {
    aspect-ratio: 785 / 532;
  }

  .news-detail-body {
    margin-top: 66px;
  }

  .news-detail-body section + section {
    margin-top: 56px;
  }

  .news-detail-body h2 {
    padding-left: 14px;
    font-size: 20px;
    line-height: 1.5 !important;
  }

  .news-detail-body h2::before {
    top: 0.28em;
    height: 1.05em;
  }

  .news-detail-body p {
    margin-top: 20px;
    font-size: 17px;
    line-height: 2.08 !important;
    letter-spacing: 0.04em;
  }

  .news-detail-back {
    justify-content: center;
    margin-top: 158px;
  }

  .news-detail-back a {
    gap: 29px;
    min-width: 228px;
    min-height: 67px;
    padding: 18px 31px;
    border-width: 2px;
    font-size: 19px;
  }

  .news-detail-back span {
    --circle-size: 5.5px;
    width: 47px;
    height: 11px;
  }
}