_static/html/system_instruction_preference_elicitation.html

<div style="background-color: #f9f9f9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-bottom: 20px; max-height: 780px; overflow-y: auto; overflow-x: hidden;">
    <!-- Heading -->
    <h2 style="color: #2c3e50; text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: 600;">
      Instruction: Preference Elicitation Stage
    </h2>
    
    <!-- Streamlined Instruction -->
    <p style="text-align: left; font-size: 16px; color: #34495e; margin-bottom: 20px; line-height: 1.6;">
      It is December 31, 2023, and you are an investor exploring individual stocks. In this stage, your financial advisor will ask questions to understand your investment preferences. If you have no preference on a topic, simply say, “I don’t have a preference on this topic.” (Detailed stock discussions will follow later.)
      <br><br>
      To interact with the advisor, click <strong>Start Conversation</strong>, type your message in the <strong>User Input</strong> box, and press <strong>Send This Message to Advisor</strong>. If the advisor’s response is truncated, click <strong>Show More of the Advisor’s Answer</strong> to continue.
    </p>
  </div>