{{ block title }}Comprehension Check{{ endblock }}

{{ block content }}
<style>
    .check-container {
        max-width: 640px;
        margin: 0 auto;
        font-family: Georgia, 'Times New Roman', serif;
        line-height: 1.7;
        color: #2c3e50;
    }
    .check-container p {
        margin-bottom: 1.5em;
    }
    .field-label {
        font-weight: 600;
        margin-bottom: 0.5em;
    }
</style>

<div class="check-container">
    <p>Please answer the following questions to confirm you understand the task.
       If you answer incorrectly, you will see a hint and can try again.</p>

    {{ formfields }}
</div>

{{ next_button }}
{{ endblock }}