/* <span style="color:#16A34A;">Weal</span><span style="color:#DC2626;">Sure</span> V37 — final Who We Serve grid/spacing correction */

/* Remove the legacy two-row grid definition that left an empty second row. */
.audience-v18{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-template-rows:none !important;
  grid-auto-rows:360px !important;
  grid-auto-flow:row !important;
  gap:16px !important;
  align-items:stretch !important;
  height:auto !important;
  min-height:0 !important;
  margin-bottom:0 !important;
}

.audience-v18 .audience,
.audience-v18 .audience:first-child{
  grid-column:auto !important;
  grid-row:auto !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
}

/* The section should finish shortly after the cards, not reserve a second grid row. */
main > section.editorial:has(.audience-v18){
  padding-top:0 !important;
  padding-bottom:56px !important;
  min-height:0 !important;
}

main > section.editorial:has(.audience-v18) .audience-v18 + *{
  margin-top:0 !important;
}

@media (max-width:1180px){
  .audience-v18{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:none !important;
    grid-auto-rows:340px !important;
  }
  .audience-v18 .audience,
  .audience-v18 .audience:first-child{
    height:340px !important;
    min-height:340px !important;
    max-height:340px !important;
  }
}

@media (max-width:680px){
  .audience-v18{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
    grid-auto-rows:320px !important;
    gap:14px !important;
  }
  .audience-v18 .audience,
  .audience-v18 .audience:first-child{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }
  main > section.editorial:has(.audience-v18){
    padding-bottom:42px !important;
  }
}