/* ============================================================
   aigenos.io — width overrides for the public Welcome page.

   The Studio is built for a browser pane inside an IDE and caps content at
   max-w-6xl (1152px); on a desktop monitor that reads as a narrow column.
   These ceilings lift only from 1280px up, and only on the Welcome route
   (html[data-route="welcome"]), so every Studio layout is left alone.

   Screenshots stop at 1440px — their native resolution — so nothing is ever
   upscaled. Below 1280px nothing changes at all.
   ============================================================ */

@media (min-width: 1280px) {
  html[data-route="welcome"] .max-w-6xl { max-width: 90rem; }   /* 1152 -> 1440 */
  html[data-route="welcome"] .max-w-5xl { max-width: 80rem; }   /* 1024 -> 1280 */
  html[data-route="welcome"] .max-w-4xl { max-width: 70rem; }   /*  896 -> 1120 */
  html[data-route="welcome"] .max-w-3xl { max-width: 58rem; }
  html[data-route="welcome"] .max-w-\[38rem\] { max-width: 45rem; }
}

@media (min-width: 1600px) {
  html[data-route="welcome"] .max-w-6xl { max-width: 96rem; }
}

/* A 1440px screenshot must never be stretched past its native width. */
html[data-route="welcome"] img[src*="/shots/"] {
  max-width: 1440px;
  width: 100%;
  margin-inline: auto;
}