/* Help guides without the close-up (founder 2026-10-11): one large, centred phone per step; whole screen, no crop, no zoom. */
.hs-pane { grid-template-columns: minmax(0, 1fr); justify-items: center; align-items: start; gap: 0; }
.hs-screen {
  justify-self: center;
  /* as large as the column allows, but short enough that the phone and Previous/Next fit a laptop screen */
  width: clamp(250px, calc((100svh - 250px) * 0.46), 360px);
  max-width: 100%;
}
.hs-phone { padding: 10px; border-radius: 44px; }
.hs-shot { border-radius: 34px; }
/* tablets: phone above the steps, centred */
@media (max-width: 1099px) {
  .hs-pane { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .hs-screen { width: clamp(260px, calc((100svh - 300px) * 0.46), 340px); }
}
/* phones: nearly the full card width, still whole */
@media (max-width: 699px) {
  .hs-screen { width: min(100%, 300px, calc((100svh - 230px) * 0.46)); min-width: min(100%, 240px); }
  .hs-phone { padding: 7px; border-radius: 34px; }
  .hs-shot { border-radius: 27px; }
}