.city-next-steps {
  margin-top: 4rem;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid hsl(200.13deg 76% 39.22% / 0.14);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, white 0%, var(--main-first-light, hsl(200.13deg 100% 98%)) 100%);
}

.city-next-steps__kicker {
  margin: 0 0 0.5rem;
  color: var(--main-open-sky, hsl(200.13deg 76% 39.22%));
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.city-next-steps > h2,
.city-next-steps__suggestion h3 {
  margin: 0;
  color: var(--main-night-fall, hsl(200.13deg 76% 20%));
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.12;
}

.city-next-steps > h2 { font-size: clamp(1.65rem, 3vw, 2.15rem); }
.city-next-steps__suggestion h3 { font-size: clamp(1.35rem, 2.5vw, 1.7rem); }

.city-next-steps__intro,
.city-next-steps__suggestion > div > p:last-child {
  max-width: 48rem;
  color: var(--main-night-fall, hsl(200.13deg 76% 20%));
  line-height: 1.6;
}

.city-next-steps__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.25rem;
  margin-top: 1.35rem;
}

.city-next-steps__links a {
  color: var(--main-open-sky, hsl(200.13deg 76% 39.22%));
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1.4;
  text-decoration: none;
}

.city-next-steps__links a:hover { text-decoration: underline; }
.city-next-steps__links a:focus-visible { outline: 0.1875rem solid var(--main-hazy-sky, hsl(200.13deg 88.24% 80%)); outline-offset: 0.2rem; }

.city-next-steps__suggestion {
  display: grid;
  grid-template-columns: minmax(14rem, 0.85fr) minmax(18rem, 1.15fr);
  gap: clamp(1rem, 3vw, 2.25rem);
  align-items: start;
  margin-top: 2rem;
  padding-top: 1.75rem;
  border-top: 1px solid hsl(200.13deg 76% 39.22% / 0.14);
}

.city-next-steps__suggestion > div > p:last-child { margin-bottom: 0; }
.city-next-steps__form { padding: 1rem; border-radius: 1rem; background: white; }
.city-next-steps__form act-support-form { display: block; }

@media (max-width: 42rem) {
  .city-next-steps__suggestion { grid-template-columns: 1fr; }
}
