/* News page styles - scoped, minimal, leveraging base.css */

.news-hero {
  padding: var(--space-16) 0 var(--space-12);
  background: linear-gradient(135deg, rgba(230,57,70,0.08) 0%, rgba(0,212,255,0.06) 100%);
  border-bottom: 1px solid var(--color-neutral-800);
}
.news-hero .hero-inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--space-8);
  align-items: center;
}
.news-hero .hero-copy p { max-width: 56ch; }
.hero-ctas { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; }
.hero-media img { border-radius: var(--radius-2xl); box-shadow: var(--shadow-2xl); }

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

.news-filters { position: sticky; top: 0; z-index: var(--z-sticky); background: rgba(10,10,10,0.8); backdrop-filter: blur(6px); border-bottom: 1px solid var(--color-neutral-800); }
.filters-bar { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); padding: var(--space-4) 0; }
.filters-left { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.filters-right { display: flex; align-items: center; gap: var(--space-4); }

.news-listing { padding: var(--space-12) 0; }
.news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
@media (max-width: 1100px) { .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .news-grid { grid-template-columns: 1fr; } }

.news-card { display: block; height: 100%; }
.news-card .news-link { color: inherit; display: grid; grid-template-rows: auto 1fr; gap: var(--space-4); }
.news-media { position: relative; overflow: hidden; border-radius: var(--radius-xl); }
.news-media img { width: 100%; height: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform var(--transition-base) var(--transition-ease); }
.news-card:hover .news-media img { transform: scale(1.04); }
.news-meta { margin-top: var(--space-4); color: var(--color-text-tertiary); font-size: var(--font-size-sm); display: flex; gap: var(--space-2); align-items: center; }

.pagination { display: flex; gap: var(--space-2); justify-content: center; margin-top: var(--space-12); }

.maintenance-section { padding: var(--space-8) 0; }
.alert-maintenance { border-left: 4px solid var(--color-warning); }
.alert-maintenance h2 { display: flex; gap: var(--space-3); align-items: center; }
.alert-actions { display: flex; gap: var(--space-3); margin-top: var(--space-4); flex-wrap: wrap; }

.topics-section { padding: var(--space-12) 0; }
.panel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
@media (max-width: 1100px) { .panel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .panel-grid { grid-template-columns: 1fr; } }
.panel-card { background: var(--color-bg-secondary); border: 1px solid var(--color-neutral-800); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-lg); transition: transform var(--transition-base) var(--transition-ease), box-shadow var(--transition-base) var(--transition-ease); }
.panel-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-2xl); }
.panel-card h3 { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-2); font-size: var(--font-size-xl); }

.subscribe-cta { padding: var(--space-12) 0 var(--space-16); }
.cta-card { overflow: hidden; }
.cta-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-8); align-items: center; }
@media (max-width: 900px) { .cta-inner { grid-template-columns: 1fr; } }
.cta-form { display: flex; gap: var(--space-4); flex-wrap: wrap; }

/* Active state for filter buttons */
.btn.is-active { border-color: var(--color-primary); box-shadow: var(--shadow-glow-red); }