.news-page { padding: 40px 0 80px; min-height: calc(100vh - 200px); }

.news-page-header {
  display: flex; align-items: baseline; gap: 16px;
  margin-bottom: 32px;
}
.news-page-header h1 { font-size: 2rem; color: var(--yellow); margin: 0; }
.news-page-count { font-size: 0.9rem; color: var(--text-muted); }

.news-grid-full {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

/* Страница статьи */
.article-page { padding: 40px 0 80px; min-height: calc(100vh - 200px); }

.article-back {
  display: inline-block; margin-bottom: 24px;
  font-size: 13px; color: var(--text-muted);
  text-decoration: none; transition: color 0.15s;
}
.article-back:hover { color: var(--yellow); }

.article {
  max-width: 800px;
  margin: 0 auto;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.article-hero { width: 100%; height: 400px; overflow: hidden; }
.article-hero img { width: 100%; height: 100%; object-fit: cover; }

.article-body { padding: 32px; }

.article-meta {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 16px;
}
.article-date { font-size: 12px; color: var(--text-faint); }

.article-title {
  font-size: 1.8rem; font-weight: 700;
  color: var(--text); line-height: 1.3;
  margin: 0 0 24px;
}

.article-content {
  font-size: 15px; color: var(--text-muted);
  line-height: 1.8;
}

.article-loading { padding: 60px; text-align: center; color: var(--text-muted); }