/* Mobile fixes for TALOS / takeoffs */

/* At small widths, the engine grid can overflow because it uses fixed template columns
   [200px_1fr_240px]. Switch to stacked layout while preserving section look. */
@media (max-width: 600px) {

  /* Replace the overflow-prone engine grid with a scrollable stacked layout.
     This preserves all content while ensuring it fits on small screens. */
  #pipeline .grid {
    grid-template-columns: 1fr !important;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }


  /* The sidebar-asides should become full width blocks */
  #pipeline aside {
    border-left: none !important;
    border-right: none !important;
  }

  /* Make the main canvas take reasonable height on mobile */
  #pipeline [data-ws-svg],
  #pipeline svg[data-ws-svg],
  #pipeline svg {
    max-width: 100%;
    height: auto;
  }

  /* Reduce internal padding so the terminal header text doesn't wrap badly */
  #pipeline [data-term-header],
  #pipeline [data-term-lines] {
    font-size: 10px;
  }
  .reveal{
    overflow: hidden;
  }
  .reveal .font-mono{ overflow: scroll;}
  .reveal .font-mono .relative{ width:400px}
}