/* The travel companion uses its own phone layout, independent of the viewport. */
#trip{width:min(430px,calc(100vw - 32px));height:min(880px,calc(100dvh - 48px));max-height:none;border-radius:28px;margin:auto;font-size:var(--body);line-height:1.65}
#trip .dialog-head{position:relative;padding:20px 20px 14px}#trip .dialog-top h2{font-size:var(--title2);line-height:1.3}#trip .tabs{margin-top:16px}#trip .tabs+.tabs{margin-top:8px}#trip .tabs button{font-size:var(--subhead);padding-inline:8px}#trip .dialog-body{padding:24px 20px 28px}#trip .trip-intro{grid-template-columns:1fr 88px;gap:14px}#trip .trip-intro h2{font-size:var(--title1);line-height:1.25}#trip .trip-intro img{width:88px;height:132px;border-radius:44px 44px 8px 8px}#trip .trip-intro p,#trip .trip-stats,#trip .guard,#trip .transfer,#trip .map-foot{font-size:var(--footnote);line-height:1.5}#trip .trip-stats{gap:18px}#trip .trip-stats b{font-size:18px}#trip .mini>summary{padding:16px}#trip .mini>summary b{font-size:var(--title3)}#trip .mini-body{padding:0 14px 16px}#trip .stop-strip{grid-template-columns:1fr 1fr;gap:8px}#trip .stop-link{padding:12px}#trip .stop-link b{font-size:var(--footnote)}#trip .stop-link small,#trip .stop-link span{font-size:var(--caption);letter-spacing:0}#trip .trip-stop{grid-template-columns:48px 1fr;gap:12px}#trip .trip-stop h3{font-size:var(--title2)}#trip .trip-stop time{font-size:var(--footnote)}#trip .trip-stop p{font-size:var(--body);line-height:1.65}#trip .transfer{border-left:1px solid var(--line);margin-left:22px;padding-left:34px}#trip .dialog-foot{padding:12px 15px;gap:8px;flex-wrap:wrap}#trip .dialog-foot .solid,#trip .dialog-foot .outline{font-size:var(--subhead);padding:10px 12px}#trip .photo-note{grid-template-columns:90px 1fr;gap:13px}#trip .photo-note img{width:90px;height:116px;object-fit:cover}#trip .photo-note h4{font-size:var(--title3)}#trip .photo-note p{font-size:var(--footnote)}#trip .references{grid-template-columns:1fr 1fr}#trip .checks{grid-template-columns:1fr}#trip .check{min-height:60px}#trip .check b{font-size:var(--body)}#trip .provider{font-size:var(--subhead)}
@media(max-width:760px){#trip{width:100%;height:100dvh;border-radius:0;margin:0;border:0}#trip .dialog-head{padding-top:calc(16px + env(safe-area-inset-top))}#trip .dialog-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:360px){#trip .dialog-head,#trip .dialog-body{padding-inline:16px}#trip .trip-intro{grid-template-columns:1fr}#trip .trip-intro img{display:none}#trip .stop-strip,#trip .photo-note{grid-template-columns:1fr}#trip .photo-note img{width:100%;height:145px}#trip .tabs button{font-size:var(--footnote);padding-inline:6px}}
