/* =============================================================================
 * お知らせ詳細 — ページ固有スタイル (news/detail.css)
 * ============================================================================= */


.news-detail-section {
  padding-top: 3rem;
  padding-bottom: 0;
}

.news-detail-container {
  width: 100%;
  max-width: 56rem;
  /* max-w-4xl */
  margin: 0 auto;
  padding: 0 1.25rem;
}

.news-detail__header {
  margin-bottom: 33px;
}

.news-detail__title {
  font-size: 27px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 18px;
  font-family: var(--font-serif);
  line-height: 1.25;
}

.news-detail__date {
  color: #666666;
  font-family: var(--font-serif);
  font-variant-numeric: tabular-nums;
  font-size: 16px;
}

.news-detail__body {
  font-family: var(--font-serif);
  color: #333333;
  line-height: 2.2;
  font-size: 18px;
}

.news-detail__body p+p {
  margin-top: 18px;
}

.news-detail__back-wrap {
  margin-top: 64px;
  display: flex;
  justify-content: center;
}

.news-detail__back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 420px;
  padding: 1rem 3.5rem;
  border-radius: 9999px;
  border: 2px solid var(--color-brand);
  background-color: transparent;
  color: #000000;
  font-weight: 700;
  font-size: 21px;
  font-family: var(--font-serif);
  letter-spacing: 0.05em;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
}

.news-detail__back-btn:hover {
  background-color: var(--color-brand);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(201, 23, 30, 0.2);
}

.news-detail__back-btn:active {
  transform: translateY(-1px);
}

@media (min-width: 1024px) {

  .news-detail__title {
    font-size: 39px;
  }
}


/* =============================================================================
@media (max-width: 767px) {
    .news-detail-section {
        padding-top: 2.5rem;
    }
}