{% block app_styles %}
<link rel="stylesheet" href='{{static "global/rulers100.css"}}'>
<link rel="stylesheet" href='{{static "global/DBM_css.css"}}'>
<link rel="stylesheet" href='{{static "global/nouislider.min.css"}}'>
{% endblock %}
{{ block content }}

<h3>Comprehension Check</h3>
<hr>
<p>
    To verify your understanding of the instructions, please answer the comprehension questions below. If you get more than one wrong, you will not be allowed to participate in the study. In each question, exactly one response option is correct.
</p>

<p>
    <b>Q1</b> How is your bonus determined when you are selected to get paid based on your guess?
</p>

<p>
     {{ formfield 'CC_Q1' }}
</p>
<br>

<p>
    <b>Q2</b> What would happen if you choose one range of numbers?
</p>

<p>
    {{ formfield 'CC_Q2' }}
</p>

<br>

<p>
    <b>Q3</b> What would happen if you click on the "EXIT" button?
</p>

<p>
    {{ formfield 'CC_Q3' }}
</p>

<br>

<p>
    <b>Q4</b> Suppose Vincent is participating in the study. His best guess for one of the tasks is between 94 and 100, and he cannot make any further refinement by choosing any narrower range. Which of the following things is optimal for him to do in order to maximize his likelihood of winning the bonus?
</p>

<p>
    {{ formfield 'CC_Q4' }}
</p>

<br>


<div align="right">
    {{ next_button }}
</div>



{%endblock%}

{% block scripts %}
<script src="{{ static 'global/nouislider.min.js' }}"></script>
<script src="{{ static 'global/DBM100_script.js' }}"></script>
{% endblock %}