/* Sensei graded-question hints — deliberately scoped to avoid theme overrides. */
.etrapez-wk-quiz-hint {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 17px;
    margin: 12px 0 20px;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #31588e;
    border-radius: 6px;
    background: #f8fbff;
    color: #122443;
    box-sizing: border-box;
}
.etrapez-wk-quiz-avatar {
    width: 52px;
    height: 52px;
    display: block;
    overflow: hidden;
    padding: 0;
    border: 2px solid #dbeafa;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 50%;
    background: #dbeafa;
    text-decoration: none;
}
.etrapez-wk-quiz-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.etrapez-wk-quiz-avatar:focus-visible { outline: 3px solid #e99a18; outline-offset: 3px; }
.etrapez-wk-quiz-avatar:disabled { opacity: .7; cursor: wait; }

.etrapez-wk-quiz-main { flex: 1; min-width: 0; }
.etrapez-wk-quiz-title { display: block; margin: 1px 0 5px; font-size: 16px; color: #102c59; }
.etrapez-wk-quiz-main p { margin: 0 0 11px; font-size: 14px; line-height: 1.5; }
.etrapez-wk-quiz-trigger,
.etrapez-wk-quiz-buy {
    display: inline-block;
    border: 0;
    border-radius: 5px;
    padding: 8px 13px;
    background: #183f7a;
    color: #fff !important;
    font: inherit;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none !important;
    cursor: pointer;
}
.etrapez-wk-quiz-trigger:hover,
.etrapez-wk-quiz-buy:hover { background: #275eaa; }
.etrapez-wk-quiz-trigger:focus-visible,
.etrapez-wk-quiz-buy:focus-visible { outline: 3px solid #e99a18; outline-offset: 3px; }
.etrapez-wk-quiz-trigger:disabled { opacity: .7; cursor: wait; }
.etrapez-wk-quiz-answer {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin-top: 12px;
    padding: 11px 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dde6f2;
    font-size: 15px;
    line-height: 1.65;
}
.etrapez-wk-quiz-answer[hidden] { display: none; }
.etrapez-wk-quiz-math { white-space: normal; }
.etrapez-wk-quiz-math.katex-eq pre { white-space: pre-wrap; }
@media (max-width: 600px) {
    .etrapez-wk-quiz-hint { gap: 10px; padding: 12px; }
    .etrapez-wk-quiz-avatar { width: 39px; height: 39px; }
}