/* ================================================================
   Panacea — Blog / News Page
   ================================================================ */

/* Match curved bottom of the hero to the dark grid section below */
.blog-page .ph-section::after {
  background: #050c07;
}

/* ── Grid section wrapper ──────────────────────────────────────── */
.blog-grid-section {
  background: #050c07;
  padding: 80px 0 96px;
  position: relative;
}

.blog-grid-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 400px;
  background: radial-gradient(ellipse, rgba(2,166,80,0.04) 0%, transparent 70%);
  pointer-events: none;
}

.blog-grid-inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 56px;
  position: relative;
}

/* Override Bootstrap .row → CSS grid */
#allNewsContainer {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

#allNewsContainer > * {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Error / empty state */
#allNewsContainer .alert {
  grid-column: 1 / -1;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.60);
  border-radius: 12px;
  text-align: center;
  padding: 40px;
}

/* ── Responsive ────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .blog-grid-inner { padding: 0 40px; }
}
@media (max-width: 900px) {
  .blog-grid-inner { padding: 0 32px; }
  #allNewsContainer { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
  .blog-grid-section { padding: 56px 0 72px; }
  .blog-grid-inner   { padding: 0 24px; }
  #allNewsContainer  {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}