/* =====================================================================
   Board explorer — full-bleed sizing.
   The boards need to break out of this page's centered ~960px content
   column and occupy ~80% of the viewport, edge margins only.
   ===================================================================== */

.board-frame,
.board-loader {
  width: 80vw;
  max-width: 80vw;
  margin-left: calc(50% - 40vw);
  margin-right: calc(50% - 40vw);
}

.board-loader { margin-bottom: 10px; }

.board-embed,
.nx-app {
  height: 80vh !important;
  min-height: 600px !important;
  max-height: none !important;
}

#boardPanelPulse,
#boardPanelNexus {
  height: 80vh;
  min-height: 600px;
}

@media (max-width: 900px) {
  .board-frame,
  .board-loader {
    width: 94vw;
    max-width: 94vw;
    margin-left: calc(50% - 47vw);
    margin-right: calc(50% - 47vw);
  }
  .board-embed,
  .nx-app,
  #boardPanelPulse,
  #boardPanelNexus {
    height: 74vh !important;
  }
}