/* v170 — robust homepage feature layout and article-header consistency support
   Keeps Editor's Note type sizes intact; fixes the container/layout around it. */
.hero-grid{
  display:grid !important;
  grid-template-columns:minmax(360px,1.16fr) minmax(285px,.84fr) minmax(360px,.92fr) !important;
  gap:22px !important;
  align-items:start !important;
}
.hero-grid > .lead,
.hero-grid > .column,
.hero-grid > .bg164-editor-note{
  min-width:0 !important;
}
.hero-grid > .column{
  height:auto !important;
  align-self:start !important;
}
.hero-grid > .bg164-editor-note{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  align-self:start !important;
  box-sizing:border-box !important;
  padding:38px 36px 42px !important;
}
.bg164-editor-list{
  display:grid !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
.bg164-editor-list li{
  margin:0 !important;
}
.bg164-editor-list a{
  max-width:none !important;
}
.bg164-editor-title strong{
  margin-bottom:20px !important;
}

/* Move to two columns before zoomed browsers make the Editor's Note column too narrow. */
@media (max-width: 1540px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(320px,.86fr) !important;
    gap:22px !important;
  }
  .hero-grid > .lead{
    grid-column:1 / 2 !important;
  }
  .hero-grid > .column{
    grid-column:2 / 3 !important;
  }
  .hero-grid > .bg164-editor-note{
    grid-column:2 / 3 !important;
    padding:36px 34px 40px !important;
  }
}

/* Once the layout cannot hold the full editorial trio cleanly, stack it deliberately. */
@media (max-width: 1180px){
  .hero-grid{
    grid-template-columns:1fr 1fr !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{
    padding:42px 42px 44px !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;
  }
}
@media (max-width: 760px){
  .hero-grid > .bg164-editor-note{
    padding:32px 24px 32px !important;
  }
  .bg164-editor-list{
    gap:12px !important;
  }
}