/* MAPPIN MOBILE POLISH V31
   Mobile-only presentation corrections.
   Desktop layouts are intentionally untouched. */

@media (max-width: 899px){

  /* WHY MAPPIN:
     Keep previous/next controls completely outside the slide artwork. */
  .v5-reader[data-reader="why"] .v5-reader-stage{
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) 56px !important;
    grid-template-rows:auto 54px !important;
    column-gap:8px !important;
    row-gap:10px !important;
    align-items:center !important;
    overflow:visible !important;
  }

  .v5-reader[data-reader="why"] .v5-slide-stack{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .v5-reader[data-reader="why"] .v5-reader-stage > .v5-arrow{
    position:static !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    translate:none !important;
    margin:0 !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    align-self:center !important;
    justify-self:center !important;
    z-index:3 !important;
  }

  .v5-reader[data-reader="why"] .v5-reader-stage > .v5-arrow.prev{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .v5-reader[data-reader="why"] .v5-reader-stage > .v5-arrow.next{
    grid-column:3 !important;
    grid-row:2 !important;
  }

  /* ABOUT:
     Applied by the tiny helper script only to the Workspace + cloud services tile.
     Removes desktop/equal-height behaviour on a phone and lets content define height. */
  .v17-about .m31-cloud-card{
    min-height:0 !important;
    height:auto !important;
    align-self:start !important;
    padding-top:28px !important;
    padding-bottom:28px !important;
  }

  .v17-about .m31-cloud-card h1,
  .v17-about .m31-cloud-card h2,
  .v17-about .m31-cloud-card h3{
    margin-top:0 !important;
    margin-bottom:16px !important;
  }

  .v17-about .m31-cloud-card p:last-child{
    margin-bottom:0 !important;
  }
}