/* Contourly — onboarding (2b). 3-step first-run overlay. Full-bleed blue (step 1)
   / cream (steps 2–3). Mobile: skip → centered stage (flex:1) → foot. Desktop:
   a comfortably centered stage column with the skip floated to the corner — never
   a 430px phone lost in empty space, never stretched full-width. Owned by Wave-2. */

/* Break out of the 430px .ct-screen column so the colour fills the viewport. */
.ct-onboard {
  max-width: none;
  width: 100%;
}

/* ---- tablet + desktop: comfortable centered stage ----------------------- */
@media (min-width: 768px) {
  .ct-onboard {
    align-items: center;      /* centre the capped children horizontally */
    justify-content: center;  /* centre the skip-less stack vertically */
  }
  /* skip leaves the flow and pins to the top-right corner of the overlay */
  .ct-onboard__skip {
    position: absolute;
    top: max(20px, env(safe-area-inset-top, 0px));
    right: 24px;
    padding: 0;
    z-index: 3;
  }
  .ct-onboard .ct-stage {
    flex: 0 1 auto;
    width: 100%;
    max-width: 540px;
    margin-inline: auto;
    padding: 24px 28px 0;
    gap: 28px;
  }
  .ct-onboard__foot {
    width: 100%;
    max-width: 440px;
    margin-inline: auto;
    padding: 4px 24px 44px;
  }
}

@media (min-width: 1024px) {
  .ct-onboard .ct-stage {
    max-width: 560px;
    gap: 34px;
  }
  .ct-onboard .ct-stage__title {
    font-size: 34px;
  }
}