/* ========== NEWS PAGE ========== */

.news-toolbar {
  display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 2rem;
}

.news-search { position: relative; max-width: 480px; }

.news-search input {
  width: 100%; padding: 0.875rem 1.25rem; padding-right: 3rem;
  background: var(--color-input-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text); font-size: 0.95rem; font-family: inherit;
  transition: border-color var(--transition), background var(--transition);
}
.news-search input::placeholder { color: var(--color-text-muted); }
.news-search input:focus { outline: none; border-color: var(--color-green); }

.news-search__spinner {
  position: absolute; right: 1rem; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px;
  border: 2px solid var(--color-border);
  border-top-color: var(--color-green);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
.news-search__spinner[hidden] { display: none; }

@keyframes spin { to { transform: translateY(-50%) rotate(360deg); } }

.news-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.news-filter {
  padding: 0.5rem 1.1rem; font-size: 0.875rem; font-weight: 500;
  color: var(--color-text-muted);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 20px; transition: all var(--transition);
}
.news-filter:hover { color: var(--color-link-hover); border-color: var(--color-border); }
.news-filter--active {
  background: var(--color-green);
  border-color: var(--color-green);
  color: var(--color-white);
}

.news-count { font-size: 0.875rem; color: var(--color-text-muted); margin-bottom: 1.5rem; }

.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

.news-article { max-width: 760px; margin: 0 auto 3rem; }
.news-article[hidden] { display: none; }
.news-article__back {
  display: inline-block; margin-bottom: 1.5rem; font-size: 0.9rem; font-weight: 600;
  color: var(--color-green);
}
.news-article__back:hover { color: var(--color-read-hover); }
.news-article__image {
  height: 280px; border-radius: var(--radius-lg); margin-bottom: 1.5rem;
  background: var(--color-surface-strong);
}
.news-article__meta {
  display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;
  font-size: 0.85rem; color: var(--color-text-muted);
}
.news-article__title {
  font-size: 2rem; line-height: 1.3; font-weight: 800;
  color: var(--color-heading); margin-bottom: 1.5rem;
}
.news-article__content p { margin-bottom: 1rem; line-height: 1.8; }
.news-article__status { color: var(--color-text-muted); font-size: 1.05rem; }

.news-empty { text-align: center; padding: 4rem 2rem; color: var(--color-text-muted); }
.news-empty p { margin-bottom: 1.5rem; font-size: 1.1rem; }

@media (max-width: 1024px) { .news-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .news-grid { grid-template-columns: 1fr; } }