/* Emergency mobile homepage safety layer. Loaded last on the homepage. */
@media(max-width:820px){
 html.rl-flow-enabled{scroll-snap-type:none!important;scroll-padding-top:66px!important;overflow-x:hidden!important}
 body.rl-flow-enabled{overflow-x:hidden!important}
 body.rl-flow-enabled .feed{max-width:100%!important;width:100%!important;padding:0 18px 72px!important;margin:0!important}
 body.rl-flow-enabled .home-reading-path{margin:18px 0 10px!important;padding:16px 0!important}
 body.rl-flow-enabled .feed-grid{display:block!important;width:100%!important;max-width:100%!important}
 body.rl-flow-enabled .feed-card,
 body.rl-flow-enabled .feed-card.wide,
 body.rl-flow-enabled .feed-card.hero-card{
  display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:28px 0 36px!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;border-bottom:1px solid #ededed!important
 }
 body.rl-flow-enabled .feed-card .media,
 body.rl-flow-enabled .feed-card.wide .media,
 body.rl-flow-enabled .feed-card.hero-card .media{
  display:flex!important;position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important;margin:0 0 18px!important;overflow:hidden!important;border:0!important
 }
 body.rl-flow-enabled .feed-card .media>img{width:100%!important;height:100%!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;position:static!important;margin:auto!important}
 body.rl-flow-enabled .feed-card .media.lifestyle>img,
 body.rl-flow-enabled .feed-card[data-flow-visual="environment"] .media>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
 body.rl-flow-enabled .feed-card .card-meta{display:flex!important;position:static!important;justify-content:space-between!important;gap:12px!important;margin:0 0 9px!important;font-size:9px!important}
 body.rl-flow-enabled .feed-card h2{display:block!important;position:static!important;font-size:34px!important;line-height:1.04!important;max-width:none!important;margin:0 0 10px!important}
 body.rl-flow-enabled .feed-card>p{display:block!important;position:static!important;font-size:14px!important;line-height:1.6!important;max-width:100%!important;margin:0!important}
 body.rl-flow-enabled .flow-count{display:none!important}
 body.rl-flow-enabled .rl-guide-collage{display:grid!important;width:100%!important;height:100%!important;min-height:0!important;gap:8px!important;overflow:hidden!important}
 body.rl-flow-enabled .rl-collage-item{min-width:0!important;min-height:0!important;padding:6px!important;overflow:hidden!important}
 body.rl-flow-enabled .rl-collage-item img{width:100%!important;height:calc(100% - 28px)!important;max-width:100%!important;max-height:calc(100% - 28px)!important;object-fit:contain!important}
 body.rl-flow-enabled .rl-collage-item figcaption{font-size:11px!important;line-height:1.2!important}
 body.rl-flow-enabled .rl-collage-item.software-comparison figcaption{font-size:18px!important;line-height:1.05!important;overflow-wrap:anywhere!important}
 body.rl-flow-enabled .rl-collage-item.software-comparison p{font-size:10px!important;line-height:1.25!important;margin:0!important}
 /* Text-heavy guide cards need document-flow height on phones; do not squeeze them into a 2x2 media tile. */
 body.rl-flow-enabled .feed-card .media:has(.software-comparison){aspect-ratio:auto!important;height:auto!important;overflow:visible!important;display:block!important}
 body.rl-flow-enabled .rl-guide-collage:has(.software-comparison){grid-template-columns:1fr!important;grid-template-rows:none!important;height:auto!important;overflow:visible!important;gap:0!important;border-block:1px solid #e8e8e8}
 body.rl-flow-enabled .rl-guide-collage:has(.software-comparison) .rl-collage-item{grid-column:auto!important;grid-row:auto!important;min-height:92px!important;padding:16px 8px!important;border-top:1px solid #eee;overflow:visible!important}
 body.rl-flow-enabled .rl-guide-collage:has(.software-comparison) .rl-collage-item:first-child{border-top:0}
 body.rl-flow-enabled .rl-guide-collage:has(.software-comparison) .rl-collage-item:not(.software-comparison){min-height:180px!important}
 body.rl-flow-enabled .rl-guide-collage:has(.software-comparison) .rl-collage-item:not(.software-comparison) img{height:140px!important;max-height:140px!important;width:auto!important;max-width:80%!important;margin:auto!important}
 body.rl-flow-enabled .rl-guide-collage:has(.software-comparison) .rl-collage-item.software-comparison figcaption{font-size:24px!important;line-height:1.04!important}
 body.rl-flow-enabled .rl-guide-collage:has(.software-comparison) .rl-collage-item.software-comparison p{font-size:12px!important;line-height:1.45!important;margin-top:5px!important}
}
@media(max-width:430px){
 body.rl-flow-enabled .feed{padding-left:16px!important;padding-right:16px!important}
 body.rl-flow-enabled .feed-card{padding-top:22px!important;padding-bottom:30px!important}
 body.rl-flow-enabled .feed-card .media:not(:has(.software-comparison)){aspect-ratio:1/1!important}
 body.rl-flow-enabled .feed-card h2{font-size:30px!important}
}