/* Guide Page – Stone Age themed enhancements (builds on base.css) */
.hero-media img {
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg);
}

.toc {
  background: var(--color-surface-elevated);
}

.guide-section {
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
}

.guide-section .card {
  background: var(--color-surface);
}

@media (max-width: 768px) {
  .hero .grid {
    gap: var(--space-6);
  }
}