/* Simple explanation shown after answer check */
.simple_explanation{
    background: #f9f6f4;
    border-left: 4px solid #9e3611;
    padding: 12px 16px;
    margin: 10px 0 20px 0;
    line-height: 1.5;
}
.simple_explanation p{
    margin: 0.5em 0;
}
.simple_explanation a{
    display: inline-block;
    margin-top: 8px;
    font-weight: bold;
}

/* Question box on detail pages */
.question_box{
    margin-bottom: 1.5em;
}
.question_box h2{
    font-size: 1.1em;
    margin-bottom: 0.8em;
}
.answer_list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.answer_list li{
    padding: 0.5em 0.7em;
    margin-bottom: 0.3em;
    border-radius: 4px;
    font-size: 0.95em;
}
.answer_correct{
    background: #cae7c0;
}
.answer_incorrect{
    background: #ff9d9d;
}
.answer_marker{
    margin-right: 0.4em;
}

/* Detailed explanation pages */
.explanation_content table{
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}
.explanation_content th,
.explanation_content td{
    border: 1px solid #ccc;
    padding: 8px 10px;
    text-align: left;
}
.explanation_content th{
    background: #f5ece9;
    font-weight: bold;
}
.explanation_content blockquote{
    border-left: 4px solid #9e3611;
    margin: 1em 0;
    padding: 8px 16px;
    background: #f9f6f4;
    font-style: italic;
}
.explanation_content hr{
    border: 0;
    border-top: 2px solid #9e3611;
    margin: 1.5em 0;
}