/* Verified page-only correction: TTS onboard computer, 2026-10-28.
   The shared stylesheet places the last process card into grid column 3.
   Between 681 and 760px that creates extra tracks in a one-column layout.
   Let all three cards follow the grid of this page instead. */
body.onboard-page #process .process-grid > .process-step {
  grid-column: auto;
  grid-row: auto;
}

/* ONBOARD IMAGE FRAME v1: keep the full source at its natural proportions.
   This changes presentation only; it does not reconstruct source artwork. */
body.onboard-page .hero-visual {
  min-width: 0;
  overflow: visible;
  align-self: start;
}
body.onboard-page .hero-visual > img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: contain;
  object-position: center;
  padding: clamp(12px, 2vw, 24px);
  margin: 0;
  background: #f2f6f5;
  border-radius: 8px;
  transform: none;
}