/* Row & Ledger continuous editorial flow.
   Desktop: spacious product stages with reader-controlled scrolling.
   Mobile: normal single-column editorial flow for reliable reading and scrolling. */
html.rl-flow-enabled{scroll-snap-type:none;scroll-padding-top:72px}
body.rl-flow-enabled{overflow-x:hidden}
body.rl-flow-enabled .feed{max-width:none!important;padding:0!important}
body.rl-flow-enabled .feed-grid{display:block!important}
body.rl-flow-enabled .feed-card,
body.rl-flow-enabled .feed-card.wide,
body.rl-flow-enabled .feed-card.hero-card{
  position:relative;
  min-height:calc(100svh - 72px);
  max-width:1240px;
  margin:0 auto;
  padding:clamp(34px,5vw,72px) 32px;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);
  grid-template-areas:"media meta" "media title" "media copy";
  grid-template-rows:auto auto 1fr;
  column-gap:clamp(42px,6vw,96px);
  align-content:center;
  align-items:center;
  border-bottom:1px solid #ededed;
  scroll-snap-align:none;
  scroll-snap-stop:normal;
}
body.rl-flow-enabled .feed-card .media{
  grid-area:media;
  width:100%;
  height:min(68svh,760px)!important;
  max-height:760px;
  aspect-ratio:auto!important;
  margin:0!important;
  border:0!important;
}
body.rl-flow-enabled .feed-card .media img{max-width:86%!important;max-height:86%!important}
body.rl-flow-enabled .feed-card[href="/finds/bellroy-transit-workpack-pro-28l"] .media img,
body.rl-flow-enabled .feed-card[href="/guides/best-premium-work-backpacks"] .media img{max-width:100%!important;max-height:100%!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;filter:none!important
}
body.rl-flow-enabled .feed-card .card-rule{display:none!important}
body.rl-flow-enabled .feed-card .card-meta{grid-area:meta;align-self:end;margin:0 0 12px!important}
body.rl-flow-enabled .feed-card h2{
  grid-area:title;
  align-self:end;
  font-size:clamp(38px,4vw,60px)!important;
  line-height:.98!important;
  margin:0 0 14px!important;
  max-width:10.5em;
}
body.rl-flow-enabled .feed-card p{
  grid-area:copy;
  align-self:start;
  margin:0!important;
  max-width:480px!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.flow-count{
  position:absolute;right:32px;top:30px;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9a9a9a
}
.flow-end{
  min-height:42svh;display:flex;align-items:center;justify-content:center;text-align:center;
  border-top:1px solid #ededed;padding:70px 24px;color:#777
}
.flow-end strong{display:block;font:500 32px/1.05 'Cormorant Garamond',Georgia,serif;color:#111;margin-bottom:8px}

@media(max-width:820px){
  html.rl-flow-enabled{scroll-snap-type:none!important;scroll-padding-top:66px}
  body.rl-flow-enabled .feed{padding:0 18px 72px!important}
  body.rl-flow-enabled .feed-grid{display:block!important}
  body.rl-flow-enabled .feed-card,
  body.rl-flow-enabled .feed-card.wide,
  body.rl-flow-enabled .feed-card.hero-card{
    min-height:0!important;
    width:100%;
    max-width:100%;
    margin:0!important;
    padding:30px 0 38px!important;
    display:block!important;
    border-bottom:1px solid #ededed;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!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{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:4/3!important;
    margin:0 0 20px!important;
    border:0!important;
  }
  body.rl-flow-enabled .feed-card .media img{max-width:86%!important;max-height:86%!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;justify-content:space-between;gap:12px;margin:0 0 10px!important}
  body.rl-flow-enabled .feed-card h2{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{font-size:13px!important;line-height:1.6!important;max-width:100%!important;margin:0!important}
  body.rl-flow-enabled .rl-guide-collage{min-height:0}
  body.rl-flow-enabled .rl-collage-item.software-comparison figcaption{font-size:20px!important}
  body.rl-flow-enabled .rl-collage-item.software-comparison p{font-size:11px!important;line-height:1.35!important}
  .flow-count{display:none}
  .flow-end{min-height:0;padding:54px 18px}
}
@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:24px!important;padding-bottom:32px!important}
  body.rl-flow-enabled .feed-card .media{aspect-ratio:1/1!important;margin-bottom:18px!important}
  body.rl-flow-enabled .feed-card h2{font-size:31px!important}
  body.rl-flow-enabled .rl-guide-collage{gap:8px}
  body.rl-flow-enabled .rl-collage-item{padding:6px}
  body.rl-flow-enabled .rl-collage-item.software-comparison figcaption{font-size:18px!important}
}
@media(prefers-reduced-motion:reduce){html.rl-flow-enabled{scroll-snap-type:none!important}}