/* Keep the page-hero sidebar from taking the main text column's space. */
.page-hero__inner > .page-hero__aside {
  width: clamp(17rem, 28vw, 22rem);
  min-width: 0;
  max-width: 100%;
}
.page-hero__inner > div {
  min-width: 0;
}
.page-hero h1 {
  overflow-wrap: anywhere;
}
@media (width <= 820px) {
  .page-hero__inner > .page-hero__aside {
    width: auto;
  }
}