/* Present mode: 1920x1080 stage (64 x 36 cells) scaled to fit, no scrollbars */
body.present { overflow: hidden; background: var(--navy); }
body.present #stage {
  --scale: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 1080px;
  transform: translate(-50%, -50%) scale(var(--scale));
  transform-origin: center center;
  overflow: hidden;
  background: var(--offwhite);

  --fs-headline: 44px;
  --fs-subhead: 28px;
  --fs-intro: 22px;
  --fs-body: 18px;
  --fs-foot: 15px;
}
body.present .app-header { height: calc(var(--cell) * 4); }
body.present .logo-area img { height: 72px; }
body.present .app-title { font-size: 32px; }
body.present .badge { font-size: 16px; line-height: 28px; padding: 0 14px; }

body.present .app-main {
  max-width: none;
  height: calc(1080px - var(--cell) * 4);
  grid-template-columns: calc(var(--cell) * 15) 1fr;
  padding: var(--cell);
  overflow: hidden;
}
body.present #outputs { grid-template-rows: auto 1fr; }
body.present #forecast-panel { grid-column: span 9; }
body.present #gauge-panel { grid-column: span 3; }
body.present #explain-panel,
body.present #scenarios-panel,
body.present .app-footer,
body.present #reset-inputs { display: none; }

body.present .slider-row { margin-block-end: 20px; }
body.present .slider-value { font-size: 24px; }
body.present input[type="range"] { height: 8px; }
body.present .axis-label { font-size: 13px; }
body.present .gauge-svg { max-width: 360px; }
body.present .gauge-value { font-size: 52px; }
body.present .kpi-value { font-size: 36px; white-space: nowrap; }
body.present .panel { animation: none; }

body.present, body.present * { scrollbar-width: none; }
body.present ::-webkit-scrollbar { display: none; }