/*
            <div id="reading-display">
                <h2 id="date-title"></h2>
                <h3 id="reading-title"></h3>
                <p><strong>본문:</strong> <span id="passage"></span></p>
                <ol id="question-list"></ol>
            </div>

            <button id="prev-day">← 이전</button>
            <button id="next-day">다음 →</button>
*/
#date-title { font-size: 4rem; margin: 1rem 0; }
#reading-display { padding: 2rem; }
#reading-display p { font-size: 3.5rem; }
#question-list {
    margin: 5rem auto;
    padding-left: 4rem;
    max-width: 800px;
    font-size: 3rem;
}
#question-list li {
    list-style: numeric;
    margin: 2rem 0;
}
#question-list li::marker {
    font-weight: bold;
    color: crimson;
}
.button-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
    padding: 0 2rem;
}
.button-wrap button {
    padding: 1rem 2rem;
    font-size: 3rem;
    color: #fff;
    background-color: var(--color-primary);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
button.disabled {
    opacity: .15;
    pointer-events: none;
}