.news-list { border-top: 1px solid var(--bc-border); }
.news-item { padding: var(--bc-sp-6) 0; border-bottom: 1px solid var(--bc-border); transition: background var(--transition); cursor: pointer; }
.news-item:hover { background: var(--bc-paper-2); margin: 0 calc(-1 * var(--bc-sp-4)); padding: var(--bc-sp-6) var(--bc-sp-4); }
.news-item__meta { display: flex; gap: var(--bc-sp-4); align-items: center; margin-bottom: var(--bc-sp-2); }
.news-item__cat { font-size: 0.75rem; background: var(--bc-paper-2); padding: 2px 10px; border-radius: 99px; border: 1px solid var(--bc-border); }
.news-item__title { font-size: 1rem; font-weight: var(--bc-w-bold); }

/* モーダル */
.news-modal { display: none; position: fixed; inset: 0; z-index: 2000; }
.news-modal.is-open { display: flex; align-items: center; justify-content: center; }
.news-modal__backdrop { position: absolute; inset: 0; background: rgba(5,11,24,0.6); backdrop-filter: blur(4px); }
.news-modal__panel {
  position: relative; z-index: 1;
  background: var(--bc-paper); border-radius: var(--bc-radius-lg);
  width: min(720px, 92vw); max-height: 80vh; overflow-y: auto;
  padding: var(--bc-sp-10); box-shadow: var(--bc-shadow-lg);
}
.news-modal__close {
  position: absolute; top: 20px; right: 20px;
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--bc-paper-2); border: none; cursor: pointer;
  font-size: 1.2rem; color: var(--bc-fg-muted);
  display: flex; align-items: center; justify-content: center;
  transition: background var(--transition);
}
.news-modal__close:hover { background: var(--bc-border); }
.news-modal__body { font-size: 0.95rem; line-height: 2; }
.news-modal__body img { max-width: 100%; margin: 16px 0; border-radius: var(--bc-radius); }