/* ============================================================
   お知らせ詳細ページ専用スタイル
   ============================================================ */

.news-detail-layout {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: var(--sp-3xl);
  align-items: start;
}

/* 本文 */
.news-detail-content {
  font-size: var(--fs-base);
  line-height: var(--lh-loose);
  color: var(--color-text);
}
.news-detail-content p {
  margin-bottom: var(--sp-lg);
}
.news-detail-content h2 {
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  margin: var(--sp-2xl) 0 var(--sp-md);
  padding-bottom: var(--sp-sm);
  border-bottom: 2px solid var(--color-accent);
}
.news-detail-content h3 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-semi);
  margin: var(--sp-xl) 0 var(--sp-md);
}
.news-detail-sig {
  margin-top: var(--sp-2xl) !important;
  padding-top: var(--sp-lg);
  border-top: 1px solid var(--color-border);
  color: var(--color-text-sub);
  font-size: var(--fs-sm);
}

/* 前後ナビ */
.news-pager {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-md);
  margin-top: var(--sp-2xl);
  padding-top: var(--sp-xl);
  border-top: 1px solid var(--color-border);
}
.news-pager__prev, .news-pager__next {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  padding: var(--sp-md) var(--sp-lg);
  background: var(--color-bg-soft);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text);
  transition: all var(--transition);
}
.news-pager__prev:hover, .news-pager__next:hover {
  border-color: var(--color-accent);
  background: var(--color-accent-light);
}
.news-pager__next { text-align: right; }
.news-pager__label {
  font-size: var(--fs-xs);
  color: var(--color-text-sub);
  font-weight: var(--fw-medium);
}
.news-pager__title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
  line-height: var(--lh-tight);
  color: var(--color-accent);
}

/* サイドバー（news.css と共通、ここで再定義） */
.news-sidebar { position: sticky; top: calc(var(--header-h) + var(--sp-xl)); }
.news-sidebar__section {
  background: var(--color-bg-soft);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--sp-xl);
  margin-bottom: var(--sp-lg);
}
.news-sidebar__title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  margin-bottom: var(--sp-md);
  padding-bottom: var(--sp-sm);
  border-bottom: 2px solid var(--color-accent);
}
.news-sidebar__list { display: flex; flex-direction: column; }
.news-sidebar__list li { border-bottom: 1px solid var(--color-border); }
.news-sidebar__list li:last-child { border-bottom: none; }
.news-sidebar__list a {
  display: flex;
  justify-content: space-between;
  padding: var(--sp-sm) 0;
  font-size: var(--fs-sm);
  color: var(--color-text-sub);
  transition: color var(--transition);
  line-height: var(--lh-tight);
}
.news-sidebar__list a:hover { color: var(--color-accent); }
.news-sidebar__list span { color: var(--color-text-sub); font-size: var(--fs-xs); flex-shrink: 0; }

@media (max-width: 1024px) {
  .news-detail-layout { grid-template-columns: 1fr; }
  .news-sidebar { position: static; }
}
@media (max-width: 640px) {
  .news-pager { grid-template-columns: 1fr; }
}