/*
  Page frame shared by every app. Each app's style.css uses these instead of fixed widths.

  Designed for 1920x1080: the page fills the screen with 40px side gutters, and each app's
  main stage takes the height that is left, so the whole tool fits on the first screen.
  Smaller screens shrink with it; very wide screens stop growing at --ob-page-max.
*/
:root {
  --ob-page-max: 2400px;
  --ob-gutter: clamp(16px, 2.1vw, 48px);
  /* Side panels: 320px on 1920, a little narrower on laptops, wider on 4K. */
  --ob-panel: clamp(260px, 17vw, 400px);
}