/* Insights page styles – minimal, leveraging base.css */
.hero {
  background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  color: var(--color-text-inverse);
  padding-top: calc(var(--space-16));
  padding-bottom: var(--space-12);
}
.hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-8);
  align-items: center;
}
.hero-content h1 { color: var(--color-text-inverse); }
.hero-content p { color: var(--color-text-inverse); max-width: 62ch; }
.eyebrow { color: var(--color-accent-gold); text-transform: uppercase; letter-spacing: 0.06em; font-weight: var(--font-weight-semibold); margin-bottom: var(--space-2); }
.hero-search { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); margin-top: var(--space-6); align-items: center; }
.hero-visual { display: flex; justify-content: center; }
.hero-image { width: 100%; max-width: 560px; border-radius: var(--radius-2xl); box-shadow: var(--shadow-xl); border: 2px solid rgba(212,175,55,0.35); }

.filters { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.tag { display: inline-flex; align-items: center; padding: 0.5rem 0.875rem; border: 1px solid rgba(255,255,255,0.4); color: var(--color-text-inverse); border-radius: var(--radius-full); font-size: var(--font-size-sm); transition: background-color var(--transition-fast), transform var(--transition-fast); }
.tag:hover { background-color: rgba(255,255,255,0.15); transform: translateY(-1px); }

.insights-grid { margin-top: var(--space-10); }
.gap-6 { gap: var(--space-6); }

.card-image { max-height: 220px; object-fit: cover; }
.card .btn { margin-top: var(--space-4); }

.cta-wrap { max-width: 860px; margin-left: auto; margin-right: auto; }

/* Highlight target after hash navigation */
:target {
  outline: 3px solid var(--color-secondary);
  outline-offset: 2px;
}

@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-visual { order: -1; }
  .hero-image { max-width: 100%; }
  .hero { padding-top: var(--space-12); padding-bottom: var(--space-10); }
}