_static/html/general_instruction.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;">
    <h2 style="color: #2c3e50; text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: 600;">
      Instruction: Personalized Stock Assessment Stage
    </h2>
    <p style="text-align: left; font-size: 16px; color: #34495e; line-height: 1.6;">
      It is December 31, 2023. You are an investor exploring individual stocks and have come to consult a financial advisor for guidance. In this experiment, you’ll choose a stock from the available tabs and discuss its suitability with the advisor. If you encounter any unfamiliar financial concepts or need clarification, feel free to ask questions.
      <br><br>
      <strong>Please select one stock from the 12 available candidates shown in the tabs above that you would like to discuss.</strong>
      <br><br>
      Note: The candidate stock is <strong>randomly</strong> selected and is <strong>not a recommendation</strong> from the advisor.
      <br><br>
      To begin, click the <strong>Start Conversation</strong> button, 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>