/* =========================================
   お知らせ・更新履歴ページ
========================================= */
.updates-main {
  max-width: 900px; margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 3rem) 1rem;
}

.bc {
  font-size: .85rem; color: var(--muted); margin: 0 0 1rem;
}
.bc a { color: var(--muted); text-decoration: none; }
.bc a:hover { color: var(--accent-warm); text-decoration: underline; }
.bc span[aria-hidden] { margin: 0 .5rem; }

.updates-section {
  background: var(--card-bg);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  border: var(--card-border);
  padding: clamp(1.5rem, 5vw, 3.5rem);
}

.updates-section h1 {
  text-align: center;
  font-size: clamp(1.35rem, 3vw, 2rem);
  color: var(--brand);
  margin: 0 0 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 2px dashed var(--accent);
}

.updates-lead {
  text-align: center;
  color: var(--text-subtle);
  font-size: .9rem;
  line-height: 1.9;
  margin: 0 0 2.5rem;
}

/* --- 1件ぶん --- */
.update-item {
  padding: 1.4rem 0;
  border-bottom: 1px dashed rgba(0,0,0,.1);
  /* ヘッダーに隠れないように（#news-20260719 で飛んできたとき） */
  scroll-margin-top: calc(var(--header-h) + 1rem);
}
.update-item:last-of-type { border-bottom: none; }

.update-date {
  margin: 0 0 .4rem;
  font-family: monospace;
  font-weight: 700;
  font-size: .9rem;
  color: var(--accent-warm);
}

.update-title {
  margin: 0 0 .7rem;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--brand);
}

.update-body {
  color: var(--text);
  font-size: .95rem;
  line-height: 1.9;
}
.update-body a { color: var(--accent-warm); }

/* 重要なお知らせ（news.json の "important": true） */
.update-item--important {
  background: rgba(244, 114, 182, 0.05);
  border-left: 4px solid var(--accent);
  border-bottom: none;
  border-radius: 6px;
  padding: 1.4rem 1.2rem;
  margin: 1.2rem 0;
}
.update-item--important .update-date { color: var(--accent); }

.updates-back {
  margin: 2.5rem 0 0;
  text-align: center;
}

@media (max-width: 640px) {
  .updates-section { padding: 1.5rem 1.1rem; }
  .update-title { font-size: 1rem; }
  .update-body { font-size: .9rem; line-height: 1.85; }
}