/* A true one-flick / one-card mobile experience. */
@media(max-width:600px){
  .site-shell{overflow:hidden!important;overscroll-behavior:none!important}
  .presentation,.presentation>.slide{overscroll-behavior:none!important;touch-action:none!important}
  .presentation>.slide{overflow:hidden!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:auto!important;scrollbar-width:none!important}
  .presentation>.slide::-webkit-scrollbar{display:none}
  .presentation>.slide .slide-layout{
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;justify-content:flex-start!important;
    min-height:0!important;height:100%!important;gap:5px!important
  }
  .presentation>.slide .copy-column{flex:0 0 auto!important;padding:0!important;min-height:0!important;max-width:none!important}
  .presentation>.slide .copy-column>:not(.kicker):not(h1):not(h2):not(.lead):not(.mobile-details-button){display:none!important}
  .presentation>.slide .copy-column .kicker{font-size:8px!important;letter-spacing:1.2px!important;margin:0 0 5px!important;line-height:1.2}
  .presentation>.slide .copy-column .kicker-line{width:19px!important}
  .presentation>.slide .copy-column h1,
  .presentation>.slide .copy-column h2{
    font-size:clamp(27px,7.1vw,35px)!important;
    line-height:1.065!important;letter-spacing:-1.7px!important;
    margin:0 0 6px!important;max-width:100%!important
  }
  .presentation>.slide .copy-column .lead{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2;
    line-clamp:2;overflow:hidden!important;
    font-size:12px!important;line-height:1.42!important;color:#45616c!important;
    margin:0 0 4px!important;max-width:100%!important
  }
  .mobile-details-button{
    display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;
    padding:5px 9px;background:#e4efea;color:#216679;
    border:1px solid #c9dfd7;border-radius:7px;font-size:10px;font-weight:800;
    line-height:1.3;margin:0 0 2px;cursor:pointer
  }
  .mobile-details-button:hover{background:#d3e8de}
  .presentation>.slide .art-column{
    display:block!important;width:100%!important;min-height:0!important;
    flex:0 0 auto!important;max-width:none!important;overflow:visible!important;
    position:relative!important;margin:0!important;padding:0!important;
  }
  .presentation>.slide .art-column>.figure-note{display:none!important}
  .presentation>.slide .art-column>:first-child{
    transform-origin:top left!important;max-width:none!important;
    margin-top:0!important
  }
  .presentation>.slide{padding-top:7px!important;padding-bottom:7px!important}
  .presentation>.slide .art-column .op-console{min-height:0!important}
  .gesture-instruction{min-width:136px}
  .gesture-footer{flex:0 0 48px!important;min-height:48px!important;padding:3px 8px!important}
  .gesture-arrow{width:33px!important;height:33px!important}
}
.mobile-detail-backdrop[hidden]{display:none!important}
.mobile-detail-backdrop{
  position:fixed;inset:0;z-index:250;background:#031b27b8;
  backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:flex-end;
}
.mobile-detail-sheet{
  width:min(650px,100%);height:min(88dvh,820px);
  border-radius:20px 20px 0 0;background:#fafcf8;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -12px 55px #001c244d;
}
.mobile-detail-header{
  flex:0 0 64px;padding:14px 20px;display:flex;align-items:center;
  justify-content:space-between;border-bottom:1px solid #d7e5dd;
}
.mobile-detail-header strong{font-size:12px;font-weight:800;letter-spacing:1px;color:#1d6371}
.mobile-detail-close{
  font-size:14px;font-weight:800;border:1px solid #d0e1da;background:#e5efe9;
  border-radius:100px;padding:10px 14px;color:#235667
}
.mobile-detail-body{
  flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
  touch-action:pan-y;-webkit-overflow-scrolling:touch;
  padding:25px 24px 70px;
}
.mobile-detail-body .mobile-modal-content{width:100%;max-width:630px;margin:auto}
.mobile-detail-body .mobile-modal-content>.kicker{margin:0 0 18px}
.mobile-detail-body .mobile-modal-content h1,
.mobile-detail-body .mobile-modal-content h2{
  font-family:Manrope,sans-serif;font-size:clamp(31px,7vw,45px);
  letter-spacing:-2px;line-height:1.15;margin:0 0 20px
}
.mobile-detail-body .mobile-modal-content h1 em,
.mobile-detail-body .mobile-modal-content h2 em{font-style:normal;color:#16627a}
.mobile-detail-body .mobile-modal-content .lead{font-size:16px;line-height:1.6;max-width:none}
.mobile-detail-body .mobile-modal-content .support-copy{font-size:14px}
.mobile-detail-body .mobile-modal-content .feature-stack{display:grid}
.mobile-detail-body .mobile-modal-content p{line-height:1.7}