/* Use Register's label, title, and description rhythm across page headers. */
#main-content .page-design-heading.page-heading--compact {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

#main-content :is(.register-heading,.downloads-page-title,.page-design-heading.page-heading--compact,.page-heading) > small {
  display: block;
  margin: 0 0 5px;
  color: #417591;
  font: 800 9px/1.55 'Segoe UI', Arial, sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
}

#main-content :is(.register-heading,.downloads-page-title,.page-design-heading.page-heading--compact,.page-heading) > p {
  margin: 6px 0 0;
  color: #526d82;
  font: 400 14px/1.6 'Segoe UI', Arial, sans-serif;
  text-wrap: balance;
}

#main-content > .page-heading h2,
#main-content .page-design-heading.page-heading--compact h2 {
  color: #385e77;
  text-shadow: 0 1px 0 #fff;
  filter: drop-shadow(0 1px 1px rgba(36, 65, 94, .6));
}

/* The older compact Rankings rule paints over its blue title and trophy with gray. */
body[data-route="rankings"] #main-content .page-design-heading.page-heading--compact h2,
body[data-route="rankings"] #main-content .page-design-heading.page-heading--compact h2::before {
  -webkit-text-fill-color: #385e77 !important;
  -webkit-text-stroke: 0 !important;
}