/* Tablet-landscape proportion for the studio.
 *
 * Owner review on an iPad, 2026-09-22: the rail should give the right side more
 * room, the template chips should fold to two rows so Celestial Vows sits beside
 * Burgundy Heirloom, the device and page tabs want slightly larger type, and the
 * demo -- the thing that hits the eye first -- should be bigger.
 *
 * Scoped to the landscape band below desktop so the laptop layout the owner
 * already approved is untouched. Chip height stays 44px: this is a touch screen.
 */
@media (min-width: 960px) and (max-width: 1439px) {
  /* Red: the bubble is right, only narrower, so the stage gains 44px. */
  /* Set the rail's track rather than the grid, so a closed rail still travels
     to zero here. styles.css owns the shape; this owns the measurement. */
  .dash-app {
    --dash-nav-track: 208px;
    --dash-nav-gap: 16px;
  }
  .dash-nav { padding: 16px 12px 12px; }
  /* The narrower rail leaves the studio label short of a line, so it tightens
     rather than breaking "WEDDING STUDIO" across two rows. */
  .dash-brand-copy small {
    white-space: nowrap;
    letter-spacing: 0.12em;
  }

  /* Yellow: smaller chips and a tighter panel fold thirteen templates into two
     rows from 1080px up. A 1024px iPad still needs three; shrinking far enough
     to fix that would leave the labels cramped. */
  .ws-invitation-surfaces {
    padding: 14px 16px;
    margin-bottom: 18px;
  }
  .ws-surface-options { gap: 6px; }
  .ws-surface-options .btn {
    padding: 0 12px;
    font-size: 13.5px;
  }

  /* Pink: the tabs keep their shape and take slightly more confident type. */
  .ed-devices button,
  .ed-tabs button { font-size: 14.5px; }

  /* Blue: the editor column gives up 44px so the demo can have it. Together with
     the rail the preview grows by about a quarter at every iPad landscape size. */
  .ed-split-flow { grid-template-columns: minmax(280px, 336px) minmax(0, 1fr); }
}