/* V6.7.6 responsive Why IONA tile correction. Desktop layout remains untouched. */
/* Layout attributes on featured four-up had higher specificity than the earlier media rules. */
@media (min-width:651px) and (max-width:900px) {
  .v674-why-grid[data-layout][data-count],
  .v674-why-grid[data-layout="featured"][data-count="4"] {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
  }
  .v674-why-grid[data-layout][data-count] > .why-tile:nth-child(n),
  .v674-why-grid[data-layout="featured"][data-count="4"] > .why-tile:nth-child(n) {
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:0;
    min-height:175px;
  }
  .v674-why-grid[data-layout][data-count] > .why-tile:last-child:nth-child(odd) {grid-column:span 2!important;}
}
@media (max-width:650px) {
  .v674-why-grid[data-layout][data-count],
  .v674-why-grid[data-layout="featured"][data-count="4"] {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    gap:12px!important;
  }
  .v674-why-grid[data-layout][data-count] > .why-tile:nth-child(n),
  .v674-why-grid[data-layout="featured"][data-count="4"] > .why-tile:nth-child(n) {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    min-width:0!important;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    min-height:0!important;
    padding:clamp(18px,5vw,26px)!important;
    justify-content:flex-start;
  }
  .v674-why-grid[data-layout][data-count] > .why-tile:first-child {
    padding-top:28px!important;
  }
}
.v674-why-grid > .why-tile h3,
.v674-why-grid > .why-tile p {
  max-width:100%;
  min-width:0;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.v674-why-grid > .why-tile h3 {line-height:1.22;}
.v674-why-grid > .why-tile p {line-height:1.55;}