/* soukai2026 | news.css - お知らせリスト */

.news-wrap {
  padding: 20px 14px;
  background: var(--white);
  border: 1px solid var(--border);
  margin: 14px;
}

.news-list-scroll {
  max-height: 400px;
  overflow-y: auto;
}
.news-header {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 16px; padding-bottom: 8px;
  border-bottom: 2px solid var(--purple);
}
.news-title-ja {
  font-family: 'Noto Serif JP', serif;
  font-size: 17px; font-weight: 700; color: var(--text);
}
.news-title-en {
  font-size: 10px; color: #999; letter-spacing: 0.14em; margin-left: auto;
}

/* お知らせリスト */
.news-list {
  list-style: none; margin: 0; padding: 0;
}

/* 各お知らせ */
.news-item {
  padding: 16px 0;
  border-bottom: 1px solid #EEE;
}
.news-item:last-child { border-bottom: none; }

.news-item-meta {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 8px;
}
.news-item-date {
  font-size: 13px; color: #666;
  font-variant-numeric: tabular-nums;
}

/* タグ */
.nc-tag { font-size: 10px; font-weight: 700; padding: 2px 7px; letter-spacing: 0.04em; }
.nc-tag.imp  { color: var(--red-soft); background: #FFF5F3; border: 1px solid #F5C5BB; }
.nc-tag.info { color: #B07010; background: #FFFBF2; border: 1px solid #F0D89A; }
.nc-tag.new  { color: var(--purple); background: #F7F3FF; border: 1px solid #D4C2F5; }

/* NEWバッジ */
.nc-new-badge {
  font-size: 10px; font-weight: 700; color: #DC2626;
  letter-spacing: 0.06em;
  animation: nc-new-blink 1.5s ease-in-out infinite;
}
@keyframes nc-new-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .4; }
}

/* 本文 */
.news-item-body {
  font-size: 14px; line-height: 1.8;
  color: var(--text);
}
.news-item-body p { margin-bottom: 8px; }
.news-item-body p:last-child { margin-bottom: 0; }
.news-item-body a { color: var(--purple); text-decoration: underline; }
.news-item-body a:hover { color: var(--purple-dark); }

/* レスポンシブ */
@media (min-width: 768px) {
  .news-wrap { padding: 24px 24px 0; }
  .news-title-ja { font-size: 20px; }
  .news-item { padding: 20px 0; }
  .news-item-body { font-size: 14px; }
}