/* ===== お知らせ（ミニブログ） ===== */

.card.news{
  margin-top: 16px;
}

.news-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-item {
  border-top: 1px solid rgba(148,163,184,.25);
  padding: 10px 0; /* ← open 時と統一 */
}
.news-item:first-of-type {
  border-top: none;
}

/* summary 行の見た目 */
.news-item summary {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  list-style: none;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  position: relative;
  padding-left: 20px; /* アイコンの位置は維持 */
}
.news-item summary::-webkit-details-marker {
  display: none;
}

/* 日付・タイトル */
.news-date {
  font-size: 12px;
  color: #64748b;
  min-width: 5.5em;
  padding-top: 1px;
}
.news-title{
  flex: 1;
  text-decoration: underline;
}

/* 本文（クリックで開く部分） */
.news-body {
  margin: 8px 0 0 20px;
  font-size: 14px;
  color: #475569;
  line-height: 1.6;
  padding-right: 5px;
}

/* summary アイコン（▶ のみ） */
.news-item summary::before {
  content: "▶";
  font-size: 12px;
  color: #64748b;
  position: absolute;
  left: 0;
  top: 2px;
  transition: color .2s ease;
}

/* 開いてるときのカラー変化のみ（▼に変えない） */
.news-item[open] summary{
  color: #0ea5e9;
}
.news-item[open] summary::before {
  color: #0ea5e9;
  content: "▼";
}

/* 開いている項目の背景（位置ズレないよう padding 統一） */
.news-item[open] {
  background: rgba(14,165,233,.06);
  border-radius: 4px;
}