/* ═══════════════════════════════════════════════════════════════
   ContentFrame.css – Seamless iframe in flex layout
   
   The iframe fills 100% of #page-content (which is flex-grow:1).
   It scrolls internally. The outer page NEVER scrolls.
   ═══════════════════════════════════════════════════════════════ */

/* Override the existing .contentframe-iframe rule from Screen.css */
.contentframe-iframe {
  width: 100%;
  height: 100%;
  border: 0 none;
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* Ensure #page-content doesn't overflow when ContentFrame is inside */
#page-content:has(.contentframe-iframe) {
  overflow: hidden;
  min-height: 0;
}

/* When split: both panes fill height, each scrolls internally */
.splitpane-split > .splitpane-pane > iframe {
  height: 100%;
  overflow: auto;
}