/* A clear, compact arrival on every interior page. The homepage keeps its hero. */
.interior-page main > section:first-child.section-pad {
  padding-top: 28px;
  padding-bottom: 64px;
}
.interior-page .pg-hero { padding-top: 28px; padding-bottom: 60px; }
.interior-page .ff-crumb,
.interior-page .pg-crumb { margin-bottom: 28px; }
.interior-page .wx-overview-title { margin-bottom: 38px; }
.interior-page .reference-intro .hero-enter { max-width: 920px; }
.interior-page .reference-intro .hero-enter > p:last-child { max-width: 720px; }
.interior-page .reference-intro > h2 { margin-top: 34px; font-size: 28px; }
.interior-page .reference-intro .reference-filters { margin-top: 24px; }
@media (max-width: 800px) {
  .interior-page main > section:first-child.section-pad { padding-top: 24px; padding-bottom: 48px; }
  .interior-page .pg-hero { padding-top: 24px; padding-bottom: 48px; }
  .interior-page .ff-crumb, .interior-page .pg-crumb { margin-bottom: 24px; }
}
@media (max-width: 640px) {
  .interior-page main > section:first-child.section-pad { padding-top: 20px; padding-bottom: 42px; }
  .interior-page .pg-hero { padding-top: 20px; padding-bottom: 42px; }
  .interior-page .ff-crumb, .interior-page .pg-crumb { margin-bottom: 22px; }
  .interior-page .wx-overview-title { margin-bottom: 28px; }
  .interior-page .reference-intro > h2 { font-size: 24px; margin-top: 28px; }
}

/* The planner has its own app wrapper rather than a hero section. */
.interior-page.planner-page .fp { padding-top: 28px; }
@media(max-width:640px){.interior-page.planner-page .fp { padding-top: 20px; }}

/* Section links land below the sticky header on desktop and touch layouts. */
.complete-site main :is(section,nav)[id]{scroll-margin-top:0}