/* Phone & tablet layout for the Claude Design pages (which use inline desktop styles). */
.inc-burger, .inc-menu { display: none; }

@media (max-width: 900px) {
  /* Header: collapse nav into the menu button */
  header nav, header a[href^="https://app.incredable.ai"] { display: none !important; }
  header > div[style*="max-width"] { padding: 12px 68px 12px 16px !important; min-height: 64px !important; flex-wrap: nowrap !important; column-gap: 12px !important; }
  .inc-burger {
    display: flex; align-items: center; justify-content: center;
    position: fixed; top: 12px; right: 12px; z-index: 2147483000;
    width: 44px; height: 44px; border: 1px solid var(--border, #e2e8f0); border-radius: 10px;
    background: #fff; color: var(--blue-950, #1e293b); cursor: pointer; padding: 0;
  }
  .inc-burger svg { width: 22px; height: 22px; }
  .inc-menu {
    position: fixed; inset: 0; z-index: 2147482999; background: #fff;
    padding: 76px 24px 32px; overflow-y: auto; flex-direction: column; gap: 4px;
    font-family: var(--font-body, sans-serif);
  }
  .inc-menu.open { display: flex; }
  .inc-menu a { display: block; padding: 14px 4px; border-bottom: 1px solid var(--border, #e2e8f0); font-size: 18px; font-weight: 700; color: var(--blue-950, #1e293b); text-decoration: none; }
  .inc-menu a.inc-cta { margin-top: 18px; border: 0; border-radius: 10px; text-align: center; background: var(--action, #7c4095); color: #fff; }
  body.inc-menu-open { overflow: hidden; }

  /* Page containers: 16px side gutters, smaller vertical rhythm */
  [style*="max-width: 1180px"], [style*="max-width:1180px"] { padding-left: 16px !important; padding-right: 16px !important; }
  section > [style*="max-width: 1180px"] { padding-top: 44px !important; padding-bottom: 44px !important; }

  /* Fixed multi-column grids stack to one column (auto-fit/auto-fill grids already adapt) */
  [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]) { grid-template-columns: minmax(0, 1fr) !important; }
  [style*="gap: 72px"], [style*="gap: 64px"], [style*="gap: 56px"], [style*="gap: 48px"] { gap: 28px !important; }
  [style*="minmax(250px"], [style*="minmax(240px"], [style*="minmax(260px"], [style*="minmax(280px"] { grid-template-columns: minmax(0, 1fr) !important; }

  /* Long words / mono strings must not push the page wider */
  main, footer { overflow-wrap: anywhere; }
  img, svg, video, iframe { max-width: 100%; }
}

@media (max-width: 900px) {
  /* About: compact team cards (photo beside name) */
  section[data-screen-label="Leadership"] article { display: grid !important; grid-template-columns: 64px minmax(0, 1fr); column-gap: 14px; row-gap: 8px !important; align-items: center; padding: 16px !important; }
  section[data-screen-label="Leadership"] article > img { width: 64px !important; height: 64px !important; }
  section[data-screen-label="Leadership"] article > details { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  h1 { font-size: clamp(30px, 8.5vw, 40px) !important; }
}