/* Exploration page-specific styles */

.exploration-hero {
  margin-bottom: var(--space-10);
  text-align: center;
  padding-top: var(--space-6);
}

.exploration-lead {
  color: var(--gray-700);
  font-size: var(--font-size-lg);
  max-width: 48ch;
  margin: 0 auto var(--space-8) auto;
}

.exploration-grid {
  margin-bottom: var(--space-12);
}

.exploration-cards {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-8);
}

.exploration-card h2 {
  margin-bottom: var(--space-3);
}

.exploration-card p {
  margin-bottom: var(--space-6);
  color: var(--color-text);
  font-size: var(--font-size-base);
}

.exploration-card .button {
  font-size: var(--font-size-sm);
  padding: var(--space-1) var(--space-4);
  min-width: 150px;
}

.exploration-cta {
  margin: var(--space-12) auto var(--space-10) auto;
  background: linear-gradient(90deg, #ade8f4 60%, #90e0ef);
  color: var(--color-text);
  border-radius: var(--radius-lg);
  text-align: center;
  padding: var(--space-8);
  box-shadow: var(--shadow-xs);
  max-width: 700px;
}

.exploration-cta h2 {
  margin-bottom: var(--space-3);
}

.exploration-cta p {
  margin-bottom: var(--space-5);
}

@media (max-width: 1100px) {
  .exploration-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6);
  }
}

@media (max-width: 700px) {
  .exploration-cards {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
  .exploration-hero {
    padding-top: var(--space-3);
  }
  .exploration-cta {
    padding: var(--space-5) var(--space-2);
    font-size: var(--font-size-base);
    max-width: 100%;
  }
}