{{ extends 'global/Page.html' }}
{{ block title }}
General Instruction
{{ endblock }}

{{ block content }}

<style>
    .instruction-box {
        max-width: 950px;
        margin: 0 auto;
        padding: 20px 28px;
        line-height: 1.7;
        font-size: 18px;
    }

    .instruction-section {
        margin-bottom: 28px;
    }

    .instruction-heading {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 14px;
        color: #1f1f1f;
    }

    .instruction-paragraph {
        margin-bottom: 16px;
        text-align: justify;
    }

    .highlight {
        font-weight: 700;
    }

    .note-box {
        background-color: #f8f9fa;
        border-left: 5px solid #4a90e2;
        padding: 14px 18px;
        margin: 18px 0;
        border-radius: 6px;
    }

    .task-box {
        background-color: #fcfcfc;
        border: 1px solid #d9d9d9;
        border-radius: 8px;
        padding: 18px 20px;
        margin-top: 10px;
    }

    .otree-btn-next {
        margin-top: 25px;
        font-size: 18px;
        padding: 8px 24px;
    }
</style>

<style>
.powered-by-otree {
    display: none !important;
}
</style>

<div class="instruction-box">

    <div class="instruction-section">
        <div class="instruction-heading"></div>

        <p class="instruction-paragraph">
            Welcome, and thank you for participating in this decision-making experiment.
            Please make all decisions on your own and do not consult or discuss the experiment with anyone else.
        </p>

        <p class="instruction-paragraph">
            At the end of today’s session, you will receive a <span class="highlight">$5 participation payment</span>,
            plus any additional earnings determined by the decisions you make and certain random factors.
            Please read the instructions carefully. A good understanding of the instructions and thoughtful decisions
            may increase the amount of cash you receive in addition to your participation payment.
        </p>

        <p class="instruction-paragraph">
            All responses and information you provide in this study will be kept anonymous and used for research purposes only.
        </p>

        <p class="instruction-paragraph">
            Today’s experiment consists of <span class="highlight">three work shifts and a questionnaire</span>.
            You will earn money based on your productivity in the task and receive a $5 participation payment.
            Payment for the task is subject to tax, which may vary across work shifts.
            The payment and tax system for each work shift will be explained before that work shift begins.
        </p>

        <p class="instruction-paragraph">
            You will have the opportunity to work on a task for up to <span class="highlight">30 minutes in total</span>,
            divided into <span class="highlight">three 10-minute work shifts</span>.
            After the first 10-minute work shift, you will have a 8-minute break.
            After the second 10-minute work shift, you will have another 8-minute break.
            The third 10-minute work shift will follow the second break.
        </p>

        <p class="instruction-paragraph">
            However, you may choose to end any work shift early and move to the break before the 10 minutes are over.
            Any remaining time from that work shift will be added to the break time, including the third work shift.
            This means that the experiment will not end earlier if you stop working before the shift ends.
            Instead, taking a break before the shift ends simply changes your time allocation between work and break.
            During the break, you may use your cellphone or browse the internet.
        </p>

        <p class="instruction-paragraph">
            At the end of the experiment, you will learn the outcomes of your decisions and be informed of your final payment.
        </p>

        <p class="instruction-paragraph">
            If you have any questions about the instructions, please raise your hand and someone will assist you.
        </p>
    </div>


    {{ next_button }}

</div>

{{ endblock }}