/* Home page specific styles — keep minimal and leverage base.css */

.hero {
  background: linear-gradient(180deg, rgba(20,32,56,0.6) 0%, rgba(10,22,40,0.9) 100%);
  position: relative;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at 15% 20%, rgba(27,125,125,0.15) 0, transparent 40%),
                    radial-gradient(circle at 85% 70%, rgba(74,43,92,0.15) 0, transparent 45%);
}

.hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  position: relative;
  z-index: var(--z-base);
}

@media (min-width: 992px) {
  .hero-inner { grid-template-columns: 1.4fr 1fr; }
}

.hero-content .hero-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-6); }
.hero-subtitle { color: var(--color-text-secondary); max-width: 60ch; }

.search-wrap { margin-top: var(--space-6); }
.search-bar { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }

/* Knowledge grid cards */
#knowledge-grid .card { height: 100%; }
#knowledge-grid .card a { margin-top: var(--space-4); }

/* Media strip */
.media-strip img { width: 100%; height: auto; }

/* Minor enhancements */
.section h2 + p { color: var(--color-text-secondary); }