/* HPC Exemplar pages — full-page layout (browser scroll only).
   Does not affect modals on /hpc. */

.breadcrumb.hpc-exemplar-nav {
  margin-bottom: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.hpc-exemplar-main {
  padding: 0 15px 40px;
}

.hpc-exemplar-page {
  max-width: 1250px;
  margin: 0 auto;
  overflow: visible !important;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

/* Stage shell grows with content */
.hpc-exemplar-page .foundational-stage-box,
.hpc-exemplar-page .preparatory-stage-box,
.hpc-exemplar-page .middle-stage-box,
.hpc-exemplar-page .secondary-stage-box {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-items: flex-start !important;
  overflow: visible !important;
}

/* Left tabs + right panes: no inner scroll */
.hpc-exemplar-page .foundational-stages,
.hpc-exemplar-page .foundational-stages-tabs,
.hpc-exemplar-page .foundational-stages-details,
.hpc-exemplar-page .foundational-stages-tabs .nav.nav-tabs,
.hpc-exemplar-page #foundational-stages-details-parts-abc,
.hpc-exemplar-page #foundational-stages-details-parts-abc .tab-content,
.hpc-exemplar-page #foundational-stages-details-parts-abc .tab-content .tab-pane,
.hpc-exemplar-page #foundational-stages-details-parts-abc .tab-pane .tab-content,
.hpc-exemplar-page #foundational-stages-details-parts-abc .tab-pane .tab-content .tab-pane,
.hpc-exemplar-page #myTabContent,
.hpc-exemplar-page .activities-area,
.hpc-exemplar-page .activities-area-scroll,
.hpc-exemplar-page .result-preview,
.hpc-exemplar-page .pre-result-preview,
.hpc-exemplar-page .ms-result-preview,
.hpc-exemplar-page .secondary-result-preview,
.hpc-exemplar-page .form-image,
.hpc-exemplar-page .form-image figure {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.hpc-exemplar-page .select2-container {
  width: 100% !important;
}

.select2-container--open {
  z-index: 9999;
}

.select2-container--open .select2-dropdown {
  z-index: 10000;
}

.hpc-exemplar-main .spinner-fixed {
  z-index: 10001;
}

@media (max-width: 991px) {
  .hpc-exemplar-page .foundational-stage-box,
  .hpc-exemplar-page .preparatory-stage-box,
  .hpc-exemplar-page .middle-stage-box,
  .hpc-exemplar-page .secondary-stage-box {
    flex-direction: column;
  }

  .hpc-exemplar-page .foundational-stages,
  .hpc-exemplar-page .foundational-stages-details {
    width: 100% !important;
  }

  .hpc-exemplar-page .foundational-stages-tabs .nav.nav-tabs {
    flex-direction: row;
    flex-wrap: wrap;
  }
}