/* News page specific styles (kept minimal, complementing base.css) */
.page-hero {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(255, 70, 85, 0.07), transparent 60%),
              radial-gradient(1000px 500px at 90% 20%, rgba(0, 217, 255, 0.07), transparent 55%);
  padding: var(--space-16) 0 var(--space-8) 0;
}
.hero-inner {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: var(--space-8);
  align-items: center;
}
.hero-copy p { max-width: 60ch; }
.hero-media {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  border: 1px solid var(--color-gray-800);
}
.hero-media img { display: block; width: 100%; height: auto; }

.news-controls { margin-top: var(--space-6); }
.controls-form { max-width: 520px; margin-bottom: var(--space-4); }
.filters { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.filter.is-active { box-shadow: var(--glow-primary); border-color: var(--color-primary); color: var(--color-text-primary); }

.articles-grid .article-card { display: flex; flex-direction: column; gap: var(--space-4); }
.article-media { display: block; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--color-gray-800); }
.article-media img { transition: transform var(--transition-base); }
.article-media:hover img { transform: scale(1.04); }
.article-body { display: flex; flex-direction: column; gap: var(--space-3); }
.article-meta { display: flex; align-items: center; gap: var(--space-3); color: var(--color-text-tertiary); font-size: var(--font-size-sm); }
.article-title a { color: var(--color-text-primary); }
.article-actions { margin-top: auto; }

.cta-more { padding-top: var(--space-4); }

@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-media { order: -1; }
}