/* v70: mobile first screen devoted to the featured journey carousel. */
@media(max-width:768px){
body[data-mobile-screen="home"] #home{display:none!important}
body[data-mobile-screen="home"] #featured{height:calc(100svh - 140px - env(safe-area-inset-bottom));min-height:390px;box-sizing:border-box;display:flex!important;flex-direction:column;padding:5px 0 7px!important;margin:0}
body[data-mobile-screen="home"] #featured>h2,body[data-mobile-screen="home"] #featured>.eyebrow,body[data-mobile-screen="home"] #featured>p,body[data-mobile-screen="home"] #featured>a,body[data-mobile-screen="home"] #featured>.featured-swipe-controls{display:none!important}
body[data-mobile-screen="home"] #featured .featured-grid{height:100%;flex:1;min-height:0;box-sizing:border-box;padding:0 20px;gap:14px;align-items:stretch;scroll-padding-inline:20px}
body[data-mobile-screen="home"] #featured .featured-card{height:100%;max-height:100%;flex:0 0 calc(100% - 16px);box-sizing:border-box;box-shadow:none}
body[data-mobile-screen="home"] #featured .featured-photo{height:43%;flex:0 0 43%;min-height:0;aspect-ratio:auto}
body[data-mobile-screen="home"] #featured .featured-copy{flex:1;min-height:0;padding:clamp(12px,2.2svh,20px) 17px 14px;overflow:hidden}
body[data-mobile-screen="home"] #featured .featured-copy h3{font-size:clamp(18px,2.6svh,23px);line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}
body[data-mobile-screen="home"] #featured .featured-copy>p{font-size:clamp(12px,1.65svh,14px);line-height:1.7;margin:4px 0 8px;flex-shrink:1}
body[data-mobile-screen="home"] #featured .featured-copy .featured-route{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(11px,1.5svh,13px)}
body[data-mobile-screen="home"] #featured .featured-copy>p:not(.featured-route){-webkit-line-clamp:2}
body[data-mobile-screen="home"] #featured .featured-bottom{margin-top:auto;gap:10px;padding-top:12px;flex-shrink:0;align-items:center}
body[data-mobile-screen="home"] #featured .featured-bottom strong{font-size:clamp(25px,3.8svh,34px);white-space:nowrap}
body[data-mobile-screen="home"] #featured .featured-bottom small{font-size:12px}
body[data-mobile-screen="home"] #featured .featured-bottom button{font-size:clamp(12px,1.7svh,15px);padding:12px 14px;min-height:44px;white-space:nowrap;border-radius:12px;flex:0 0 auto}
}
@media(max-width:768px) and (max-height:700px){body[data-mobile-screen="home"] #featured .featured-photo{height:38%;flex-basis:38%}body[data-mobile-screen="home"] #featured .featured-copy{padding:10px 14px}body[data-mobile-screen="home"] #featured .featured-copy h3{font-size:17px;-webkit-line-clamp:2}body[data-mobile-screen="home"] #featured .featured-copy .featured-route{-webkit-line-clamp:2}body[data-mobile-screen="home"] #featured .featured-copy>p:not(.featured-route){-webkit-line-clamp:2;font-size:11px}body[data-mobile-screen="home"] #featured .featured-bottom{padding-top:7px}}

/* v71: mandatory paging, with a complete card on every resting position. */
@media(max-width:768px){body[data-mobile-screen="home"] #featured .featured-grid{scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:20px}body[data-mobile-screen="home"] #featured .featured-card{flex-basis:100%;scroll-snap-align:center;scroll-snap-stop:always}}
