{{ block title }}Welcome{{ endblock }}

{{ block content }}
<style>
    .instructions {
        max-width: 680px;
        margin: 0 auto;
        font-family: Georgia, 'Times New Roman', serif;
        line-height: 1.7;
        color: #2c3e50;
    }
    .instructions h2 {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #1a1a2e;
        margin-top: 2em;
        font-weight: 600;
    }
    .instructions h2:first-child { margin-top: 0; }
    .highlight-box {
        background: #f0f4f8;
        border-left: 4px solid #3498db;
        padding: 1em 1.2em;
        margin: 1.5em 0;
        border-radius: 0 4px 4px 0;
    }
</style>

<div class="instructions">

    <h2>The Plinko Board</h2>
    <p>
        In this experiment, you will estimate where balls were dropped on a Plinko board.
    </p>
    <p>
        A ball is dropped from some position along the top of a board with rows of pegs.
        At each row, the ball bounces either one column to the left or one column to the
        right, each equally likely. When it reaches the bottom, it lands in one of the columns.
    </p>

    <div class="highlight-box">
        <strong>Key idea:</strong> Because the ball bounces randomly, it won't land exactly where it
        was dropped. On average, it lands near the drop position.
    </div>

    <p>
        Your goal will be to estimate the drop position based on where balls land.
        On the next page, you can try the board yourself to build intuition.
    </p>

</div>

{{ next_button }}
{{ endblock }}