/* News page specific styles (builds on base.css) */

.news-hero {
  padding-block: var(--space-56) var(--space-40);
  background: radial-gradient(120% 120% at 10% 0%, rgba(0,229,255,0.07), transparent 60%),
              radial-gradient(120% 120% at 90% 0%, rgba(255,159,26,0.06), transparent 60%);
}
.news-hero .hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-24);
  align-items: center;
}
@container (max-width: 900px) {
  .news-hero .hero-inner { grid-template-columns: 1fr; }
}
.hero-copy p { color: var(--color-text-muted); max-width: 60ch; }
.hero-actions { margin-top: var(--space-16); display: flex; gap: var(--space-12); flex-wrap: wrap; }
.hero-media img { width: 100%; height: auto; display: block; }

/* Controls */
.news-controls { padding-block: var(--space-24); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); background: var(--color-surface); }
.controls-wrap { display: grid; gap: var(--space-16); align-items: center; }
.filter-chips { display: flex; gap: var(--space-8); flex-wrap: wrap; }
.chip { padding: 8px 12px; font-weight: 600; border-radius: var(--radius-full); background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.10); }
.chip.is-active { background: rgba(0,229,255,0.12); border-color: rgba(0,229,255,0.35); color: var(--color-primary); }
.news-search { justify-self: end; }
.news-search .input { min-width: min(420px, 100%); }
@media (max-width: 840px) {
  .news-search { justify-self: stretch; }
  .news-search .input { min-width: 100%; }
}
.noscript-note { margin-top: var(--space-8); color: var(--color-text-muted); }

/* Grid */
.news-list { padding-block: var(--space-40) var(--space-56); }
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); margin-top: var(--space-16); }
@media (max-width: 1024px) { .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .news-grid { grid-template-columns: 1fr; } }

/* Articles */
.article-card .article-header h3 { margin-bottom: var(--space-8); }
.article-card .meta { color: var(--color-text-muted); font-size: var(--text-sm); }
.article-card .excerpt { color: var(--gray-300); }
.article-media { margin-top: var(--space-12); margin-bottom: var(--space-12); }
.ratio-16x9 { aspect-ratio: 16 / 9; }
.ratio-16x9 > img { width: 100%; height: 100%; object-fit: cover; }

/* Load more */
.load-more-wrap { display: flex; justify-content: center; margin-top: var(--space-32); }

/* Subscribe */
.news-cta { padding-block: var(--space-24) var(--space-56); }
.subscribe { display: grid; grid-template-columns: 1fr auto; gap: var(--space-16); align-items: center; }
.subscribe-form { display: flex; gap: var(--space-12); }
@media (max-width: 680px) {
  .subscribe { grid-template-columns: 1fr; }
  .subscribe-form { flex-direction: column; align-items: stretch; }
}