/* ROUND 157 — Home page. See inc/round157.php. Body class sh-r157 on the front page. */

/* ---- 6. Style Ideas, desktop: drawing on the band's bottom edge, headings on one line 33px under the band ---- */
@media (min-width:1024px){
  .sh-r157 .ideas__col--plans .ideas__media{align-items:flex-end}
  .sh-r157 .ideas__col--plans .ideas__text{padding-top:0;margin-top:33px;padding-bottom:48px}
  .sh-r157 .ideas__col--style .ideas__text{margin-top:33px}
}

@media (min-width:769px) and (max-width:1023px){
  /* ---- 5. Style Ideas, tablet: the square inside the frame, the drawing a little bigger and centred ---- */
  .sh-r157.sh-r63-home .ideas__col--style .ideas__media{right:48px}
  .sh-r157 .ideas__plan-m{width:240px;height:auto;top:50%;right:48px;transform:translateY(-50%)}

  /* ---- 4. Local offices, tablet: the panel scrolls inside the band, the map stays (round 148's desktop rules) ---- */
  .sh-r157 .local__panel{max-height:929px;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}
  .sh-r157 .local__panel::-webkit-scrollbar{width:0;height:0;display:none}
  .sh-r157 .local__panel>*{flex-shrink:0}
  .sh-r157 .local__list{flex:0 0 auto;min-height:0;max-height:none;overflow:visible}

  /* ---- 3. Build options, tablet: pinned like desktop (r157.js sets the variables) ---- */
  .sh-r157 .build__card[aria-hidden="true"]{display:none}
  .sh-r157.sh-r157-pin{overflow-x:clip}
  .sh-r157 .build.sh-r157-pin{overflow:visible}
  .sh-r157 .build.sh-r157-pin .build__inner{position:sticky;top:var(--sh-r157-top,0px)}
  .sh-r157 .build.sh-r157-pin::after{content:"";display:block;height:var(--sh-r157-scrub,0px)}
  .sh-r157 .build.sh-r157-pin .build__cards{scroll-snap-type:none;scroll-behavior:auto}
  .sh-r157 .build.sh-r157-pin .build__card{scroll-snap-align:none}
}