/* Guides index extras. Tokens stay in /assets/css/challenge-guide.css. Rhythm from home.css. */

body.guides .section {
  scroll-margin-top: 5.25rem;
}

body.guides .hero h1 {
  font-size: clamp(2.4rem, 6.4vw, 4.15rem);
}

body.guides .guide-grid {
  gap: 0 1.75rem;
}

body.guides .guide-grid .tile {
  padding: 0.95rem 0.1rem 1.05rem;
}

body.guides .guide-grid .tile h3 {
  margin: 0 0 0.35rem;
  font-size: 1.04rem;
  font-weight: 600;
}

body.guides .guide-grid .tile h3 a {
  color: inherit;
}

body.guides .guide-grid .tile p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.5;
}

@media (max-width: 40rem) {
  body.guides .hero h1 {
    font-size: clamp(2.05rem, 10.5vw, 2.55rem);
  }
}