/* WHY MAPPIN ILLUSTRATED READER - FINAL EMBED FIX
   Approved images remain untouched. */

.v5-reader[data-reader="why"] .v5-reader-stage{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
}

.v5-reader[data-reader="why"] .v5-slide-stack{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1659/700!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
}

.v5-reader[data-reader="why"] .v5-slide.why-illustrated-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:28px!important;
  background:#eef8ff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  transform:none!important;
}

.v5-reader[data-reader="why"] .v5-slide.why-illustrated-slide:not(.active){
  display:none!important;
}

.v5-reader[data-reader="why"] .v5-slide.why-illustrated-slide.active{
  display:block!important;
}

.v5-reader[data-reader="why"] .v5-slide.why-illustrated-slide::before,
.v5-reader[data-reader="why"] .v5-slide.why-illustrated-slide::after{
  display:none!important;
  content:none!important;
}

.v5-reader[data-reader="why"] .why-illustrated-page{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:28px!important;
}

.v5-reader[data-reader="why"] .v5-reader-stage > .v5-arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:30!important;
  margin:0!important;
}

.v5-reader[data-reader="why"] .v5-reader-stage > .v5-arrow.prev{
  left:18px!important;
}

.v5-reader[data-reader="why"] .v5-reader-stage > .v5-arrow.next{
  right:18px!important;
}

@media(max-width:900px){
  .v5-reader[data-reader="why"] .v5-slide-stack{
    aspect-ratio:1659/700!important;
  }
  .v5-reader[data-reader="why"] .why-illustrated-page{
    object-fit:contain!important;
    background:#eef8ff!important;
  }
}