.seo-intro {
  max-width: 72ch;
  margin: .55rem 0 0;
  color: #40536f;
  font-size: clamp(.94rem, 1.4vw, 1.04rem);
  line-height: 1.65;
}

body[data-page-key="national"] .hero .hero-accessible-title {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: .9rem 0 .25rem !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  color: #fff;
  font-size: clamp(1.45rem, 3.6vw, 2.25rem) !important;
  line-height: 1.12;
  text-shadow: 0 2px 14px rgba(7, 31, 73, .38);
}

.hero .seo-intro {
  color: rgba(255, 255, 255, .92);
  text-shadow: 0 1px 7px rgba(7, 31, 73, .32);
}

.all-city-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin-top: .65rem;
  padding: .65rem 1rem;
  border-radius: 999px;
  background: #fff;
  color: #174f8f !important;
  font-weight: 800;
  text-decoration: none;
}

.all-city-link:hover,
.all-city-link:focus-visible { box-shadow: 0 6px 18px rgba(6, 35, 77, .2); }

.weather-live-summary {
  margin: .8rem 0 0;
  padding: .8rem 1rem;
  border: 1px solid rgba(37, 91, 145, .17);
  border-radius: 14px;
  background: #f5f9ff;
  color: #263b58;
  line-height: 1.55;
}

.weather-live-summary strong { color: #173f78; }

.seo-related {
  margin-top: 1rem;
}

.seo-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: .7rem;
  margin-top: .8rem;
}

.seo-related-grid a {
  display: flex;
  min-height: 48px;
  align-items: center;
  padding: .75rem .9rem;
  border: 1px solid rgba(37, 91, 145, .18);
  border-radius: 12px;
  background: #fff;
  color: #174f8f;
  font-weight: 700;
  text-decoration: none;
}

.seo-related-grid a:hover,
.seo-related-grid a:focus-visible {
  border-color: #168a91;
  box-shadow: 0 7px 18px rgba(21, 73, 119, .12);
}

.trust-page .knowledge-prose > p:first-child {
  font-size: 1.08rem;
  color: #314b6f;
}

.city-hub-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.city-hub-group {
  padding: 1rem;
  border: 1px solid rgba(37, 91, 145, .16);
  border-radius: 16px;
  background: #fff;
}

.city-hub-group h2 { margin-top: 0; }

.city-hub-links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.city-hub-links a {
  padding: .55rem .7rem;
  border-radius: 999px;
  background: #eef6ff;
  color: #174f8f;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 640px) {
  body[data-page-key="national"] .hero .hero-accessible-title { margin-inline: .2rem !important; }
  .seo-intro { font-size: .94rem; }
  .seo-related-grid { grid-template-columns: 1fr; }
  .seo-related-grid a { min-height: 46px; }
}