/* Moved news-specific styles from application.css */
.news-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

.news,
.news-preview {
  background: var(--wa-color-neutral-900);
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.news h2,
.news-preview h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.news h2 a,
.news-preview h3 a {
  color: var(--wa-color-neutral-100);
  text-decoration: none;
}

.news h2 a:hover,
.news-preview h3 a:hover {
  color: var(--wa-color-blue-60);
}

.meta {
  color: var(--wa-color-neutral-500);
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.meta a {
  color: var(--wa-color-blue-60);
  text-decoration: none;
}

.content,
.excerpt {
  margin-top: 1rem;
}

.discourse-excerpt {
  margin-top: 0.75rem;
  color: var(--wa-color-neutral-400) !important;
  line-height: 1.6;
}