/* Product Journey embed shell.
 * The source mockups remain intact; this file only removes design-review chrome
 * and lets each historical artifact sit naturally inside the chapter iframe.
 */

html {
  color-scheme: light;
  background: #f4f2f8;
}

body {
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 18px 12px 32px !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201, 184, 232, 0.28), transparent 42%),
    #f4f2f8 !important;
}

.legend-panel,
.annotations,
.showcase-header,
.phone-notch {
  display: none !important;
}

.prototype-wrapper,
.mockup-container,
.page-wrap {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  justify-content: center !important;
}

.detail-canvas,
.feed-canvas,
.phone-frame,
.phone {
  max-width: 100% !important;
}

@media (max-width: 460px) {
  body { padding-inline: 8px !important; }

  .phone-frame,
  .phone {
    border-radius: 30px !important;
  }
}