.dependency-panel {
  margin: 12px 0 24px;
  padding: 10px 14px;
  border: 1px solid #cedbd6;
  border-radius: 6px;
  background: #f7faf8;
  color: #203b30;
  font: 14px/1.6 system-ui, sans-serif;
  min-width: 0;
  overflow-wrap: anywhere;
}
.dependency-panel > summary { cursor: pointer; font-weight: 600; }
.dependency-context { margin: 10px 0; overflow-wrap: anywhere; }
.dependency-frame { display: block; width: 100%; height: 520px; border: 0; background: #f6f8f8; }
.math-stage { margin: 18px 0; padding: 16px; border: 1px solid var(--line, #cedbd6); border-radius: 8px; }
.math-stage > summary { cursor: pointer; font-weight: 600; }
@media (max-width: 720px) {
  .dependency-panel { padding: 8px; }
  .dependency-frame { height: 440px; }
}