/* Onboarding wizard — responsive overrides.
   All inline-style overrides require !important. */

.ob-root { overflow-x: hidden; box-sizing: border-box; }

/* ── TABLET (≤1100px) ─────────────────────────────── */
@media (max-width: 1100px) {
  .ob-nav-bar    { padding: 12px 24px !important; }
  .ob-progress-inner { padding: 14px 24px !important; }
  .ob-main       { padding: 32px 28px 72px !important; }

  /* stack the two-column content grid and hide the right panel */
  .ob-content-grid {
    grid-template-columns: 1fr !important;
  }
  .ob-panel { display: none !important; }

  /* shrink the big heading */
  .ob-heading     { font-size: 52px !important; }
  .ob-heading-sub { font-size: 16px !important; }

  /* collapse outer 2-col grids to single column */
  .ob-grid-2col {
    grid-template-columns: 1fr !important;
  }
  /* 3-col → 2-col */
  .ob-grid-3col {
    grid-template-columns: 1fr 1fr !important;
  }
  /* 4-col → 2-col */
  .ob-grid-4col {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ── MOBILE (≤700px) ─────────────────────────────── */
@media (max-width: 700px) {
  /* nav */
  .ob-nav-bar    { padding: 10px 16px !important; }
  .ob-nav-trade  { display: none !important; }
  .ob-nav-exit   { display: none !important; }
  .ob-install-badge { display: none !important; }
  .ob-trade-label   { display: none !important; }

  /* progress strip */
  .ob-progress-bar   { top: 56px !important; }
  .ob-progress-inner { padding: 10px 16px !important; gap: 3px !important; }
  .ob-step-label     { display: none !important; }

  /* main content */
  .ob-main        { padding: 20px 16px 80px !important; }
  .ob-heading     { font-size: 34px !important; line-height: 1.05 !important; margin-top: 16px !important; }
  .ob-heading-sub { font-size: 15px !important; margin-top: 12px !important; }

  /* collapse all grid columns to single */
  .ob-grid-2col,
  .ob-grid-3col {
    grid-template-columns: 1fr !important;
  }
  /* 4-col → 2-col on mobile is still usable */
  .ob-grid-4col {
    grid-template-columns: 1fr 1fr !important;
  }

  /* cards */
  .ob-card {
    padding: 20px 18px !important;
    border-radius: 14px !important;
  }

  /* footer nav */
  .ob-footer {
    padding: 14px 0 !important;
  }
  .ob-footer-count { display: none !important; }
}