.page-shell .lab-feature-card {
  display: grid;
  gap: 12px;
  padding: 12px;
}

.page-shell .lab-toolbar {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.page-shell .case-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.page-shell .case-tabs[hidden],
.page-shell #case-goal:empty {
  display: none;
}

.page-shell .lab-mode-tabs {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.page-shell .lab-mode-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 112px;
  white-space: nowrap;
}

.page-shell .lab-mode-panel {
  display: none;
  margin-top: 12px;
}

.page-shell .lab-mode-panel.active {
  display: block;
}

.page-shell .lab-shell {
  --bridge-line: rgba(54, 108, 167, 0.34);
  --bridge-soft-line: rgba(52, 104, 159, 0.28);
  --bridge-card-bg: rgba(6, 17, 33, 0.88);
  --bridge-soft-bg: rgba(9, 20, 37, 0.92);
  --bridge-title: #eef5ff;
  --bridge-muted: #90a8c4;
  --bridge-chip-line: rgba(55, 104, 163, 0.38);
  --bridge-chip-bg: rgba(10, 23, 42, 0.9);
  --bridge-chip-text: #cbe0f8;
  display: grid;
  gap: 12px;
}

.page-shell .lab-shell-section {
  display: grid;
  gap: 10px;
}

.page-shell .lab-shell-section-header {
  display: grid;
  gap: 6px;
}

.page-shell .lab-shell-section-header h3 {
  margin: 0;
  color: #eef5ff;
}

.page-shell .lab-shell-section-header p {
  margin: 0;
  color: #90a8c4;
  line-height: 1.6;
}

.page-shell .lab-shell-gallery img.zoomable {
  cursor: zoom-in;
}

.page-shell .lab-shell-footnote {
  margin: 0;
  color: #7f98b5;
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 1040px) {
  .page-shell .lab-toolbar {
    justify-content: flex-end;
  }

}

@media (max-width: 680px) {
  .page-shell .lab-feature-card {
    padding: 8px;
  }

  .page-shell .lab-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .page-shell .case-tabs,
  .page-shell .case-tabs .shared-bridge-pill-button {
    width: 100%;
  }

  .page-shell .lab-mode-tabs {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .page-shell .lab-mode-btn {
    text-align: center;
  }

}