/* v169: make Editor's Note responsive without changing its text sizes */
.hero-grid{
  align-items:start !important;
}
.hero-grid > .bg164-editor-note{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  padding-bottom:48px !important;
}
.bg164-editor-title h2,
.bg164-editor-title h2 span{
  max-width:100% !important;
}
.bg164-editor-list{
  overflow:visible !important;
}
.bg164-editor-list li:last-child,
.bg164-editor-list li:last-child a{
  margin-bottom:0 !important;
}

/* When zoom/window width makes the third column too narrow, move the hero grid to two columns before the copy can clip. */
@media (max-width: 1360px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:18px !important;
  }
  .hero-grid > .lead{
    grid-column:1 / -1 !important;
  }
  .hero-grid > .column,
  .hero-grid > .bg164-editor-note{
    grid-column:auto !important;
  }
  .hero-grid > .bg164-editor-note{
    width:100% !important;
    padding:42px 40px 46px !important;
  }
  .bg164-editor-list a{
    max-width:30ch !important;
  }
}

@media (max-width: 900px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }
  .hero-grid > .lead,
  .hero-grid > .column,
  .hero-grid > .bg164-editor-note{
    grid-column:1 / -1 !important;
  }
}