/* w-cluster-scrolly · Ch 04's load-time height reservation for its two lanes. The drawing's styles, the
   step kicker and the measured inline fallback are the pool's (pool/cluster/cluster.css); the lane
   scaffold (.cs-*) is the page's (assets/page.css).

   The page reserves the canvas slot (min-height): min(360px, 50vh) under 600px, min(480px, 50vh) at
   600–899px, 540px from 900px. Where a lane draws taller than that, reserve it here, before the script
   runs, so nothing below shifts when the drawing appears. Measured drawing heights: lane A 363px and
   lane B 369px at 360px wide (B 398px at 390px), plus the slot's 16px padding under 900px; lane B 553px
   at 1280px. Under 900px the drawing is fitted to 50vh (the slot adds its padding); a page whose lanes
   can't fit falls back to inline snapshots. */
[data-widget="w-cluster-scrolly"] .cs-lane[data-lane="A"] .cs-canvas { min-height: min(380px, calc(50vh + 16px)); }
[data-widget="w-cluster-scrolly"] .cs-lane[data-lane="B"] .cs-canvas { min-height: min(414px, calc(50vh + 16px)); }
@media (min-width: 600px) {
  [data-widget="w-cluster-scrolly"] .cs-lane .cs-canvas { min-height: min(480px, calc(50vh + 16px)); }
}
@media (min-width: 900px) {
  [data-widget="w-cluster-scrolly"] .cs-lane[data-lane="A"] .cs-canvas { min-height: 540px; }
  [data-widget="w-cluster-scrolly"] .cs-lane[data-lane="B"] .cs-canvas { min-height: 556px; }
}
@media (max-height: 559px) {
  [data-widget="w-cluster-scrolly"] .cs-lane .cs-canvas { min-height: 0; }
}