/* Enhanced only once the scroll controller is ready. The ordinary phone swipe
   rail remains available without JavaScript and when reduced motion is enabled. */
@media screen and (max-width:1100px) and (prefers-reduced-motion:no-preference){
  html.aps-responsive body #press-desk[data-scroll-rail]{
    height:calc(100svh + var(--press-travel,0px))!important;padding:0!important;
    background:#DCE5DF;
  }
  html.aps-responsive body #press-desk[data-scroll-rail] [data-m-stage]{
    position:sticky!important;top:0!important;height:100svh!important;
    display:flex!important;flex-direction:column;justify-content:center!important;
    overflow:hidden!important;padding:100px 0 20px!important;box-sizing:border-box;
  }
  html.aps-responsive body #press-desk[data-scroll-rail] [data-m-pdrow]{
    flex:none;margin:0 24px 12px!important;
  }
  html.aps-responsive body #press-desk[data-scroll-rail] [data-m-track]{
    flex:none;width:max-content!important;max-width:none;padding:20px 24px 40px!important;
    overflow:visible!important;scroll-snap-type:none;will-change:transform;
    /* GSAP owns the inline translate3d transform, avoiding inherited style work. */
  }
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card{
    height:clamp(330px,calc(100svh - 228px),540px)!important;min-height:0!important;
    padding:22px!important;scroll-snap-align:none;
  }
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-update-photo{
    flex:1!important;min-height:70px!important;aspect-ratio:auto;margin:16px 0!important;
  }
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:last-child>div:nth-child(2){
    font-size:clamp(22px,3.4svh,28px)!important;
  }
}
/* A compact, two-column card keeps the whole update visible on a rotated phone. */
@media screen and (max-width:1100px) and (max-height:540px) and (orientation:landscape) and (prefers-reduced-motion:no-preference){
  html.aps-responsive body #press-desk[data-scroll-rail] [data-m-stage]{padding:78px 0 8px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] [data-m-pdrow]{margin-bottom:8px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] [data-m-pdlabel]{font-size:12px!important;max-width:none;white-space:nowrap!important;letter-spacing:.1em!important}
  html.aps-responsive body #press-desk[data-scroll-rail] [data-m-track]{padding:8px 24px 16px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-template-rows:20px minmax(0,1fr);
    gap:10px 18px!important;flex-basis:min(84vw,620px)!important;width:min(84vw,620px)!important;
    height:calc(100svh - 138px)!important;padding:16px!important;
  }
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:first-child{grid-column:1/-1;align-items:center!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:first-child>span:first-child{font-size:12px!important;padding:3px 10px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:first-child>span:last-child{font-size:26px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-update-photo{grid-column:1;grid-row:2;min-height:0!important;margin:0!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:last-child{min-width:0;grid-column:2;grid-row:2}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:last-child>div:first-child{font-size:12px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:last-child>div:nth-child(2){font-size:21px!important;margin-top:6px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card>div:last-child>div:last-child{font-size:14px!important;margin-top:10px!important}
  html.aps-responsive body #press-desk[data-scroll-rail] .aps-press-card--all{display:flex!important;font-size:32px!important}
}