{{ block title }}Study Instructions{{ endblock }}

{{ block styles }}
<style>
    #content {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 32px;
    }
    .exp-card {
        background: #ffffff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 28px 32px;
        margin-bottom: 24px;
    }
    .exp-card h3 {
        font-size: 1rem;
        font-weight: bold;
        margin: 18px 0 6px;
        color: #1a4f5a;
    }
    .exp-card p, .exp-card li {
        margin-bottom: 10px;
        line-height: 1.65;
        color: #1e2228;
    }
    .exp-card ol, .exp-card ul {
        padding-left: 20px;
    }
    .highlight-box {
        background: #e8f4f7;
        border-left: 4px solid #2a6e7c;
        padding: 12px 16px;
        border-radius: 0 6px 6px 0;
        margin: 14px 0;
    }
    .btn-row {
        display: flex;
        justify-content: flex-end;
        margin-top: 8px;
        margin-bottom: 24px;
    }
</style>
{{ endblock }}

{{ block content }}
<div class="exp-card">
    {{ general_instructions_html|safe }}
</div>

<div style="display:flex; justify-content:flex-end; margin-top:24px;">
    {{ next_button }}
</div>
{{ endblock }}