/* MTQ Scored Quiz - Frontend Styles (matched to BuzzEditor personality) */
.mtq-scored{margin-left:auto;margin-right:auto;max-width:800px;position:relative}

/* Progress bar */
.mtq-progress-wrap{margin-bottom:20px;position:sticky;top:0;z-index:10;background:#fff;padding:10px 0}
.mtq-progress-bar{background:#eee;border-radius:10px;height:8px;overflow:hidden;width:100%}
.mtq-progress-fill{background:linear-gradient(90deg,#0f65ef,#3b82f6);border-radius:10px;height:100%;transition:width .4s ease;width:0}
.mtq-progress-text{color:#666;font-size:13px;font-weight:600;margin-top:6px;text-align:center}

/* Questions */
.mtq-questions .mtq-question{margin-bottom:50px}
.mtq-question>h3{font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 20px}

/* Answers container */
.mtq-answers{list-style:none;margin:0;padding:0}

/* Single answer — matches BuzzEditor .be-answer structure */
.mtq-answer{cursor:pointer}
.mtq-answer>.mtq-answer-wrapper{background-color:#fff;border:1px solid #f4f4f4;border-radius:5px;box-shadow:0 1px 1px hsla(0,3%,67%,.1);color:#000;margin-bottom:1rem;overflow:hidden;padding:.5rem;position:relative;transform:translateZ(0);transition:box-shadow .15s,opacity .15s,background-color .15s,color .15s}
.mtq-answer:hover>.mtq-answer-wrapper{background-color:#fff;box-shadow:0 0 3px 3px hsla(0,3%,67%,.1);cursor:pointer;opacity:1}
.mtq-answer.mtq-answer-selected>.mtq-answer-wrapper{background-color:#0f65ef;color:#fff;cursor:auto}

/* Answer title — matches BuzzEditor text mode */
.mtq-answer .mtq-answer-title{display:flex;align-items:center;font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.4;margin:0;word-wrap:break-word;max-width:100%;overflow:hidden;padding:.4rem .75rem}
.mtq-answer .mtq-answer-title:before{content:"\f10c";display:inline-block;font-family:FontAwesome;font-size:24px;height:24px;line-height:1;margin-right:10px;vertical-align:middle;width:24px}
.mtq-answer.mtq-answer-selected .mtq-answer-title:before{content:"\f058";color:inherit}

/* Results — matches BuzzEditor .be-results */
.mtq-results{background-image:linear-gradient(43deg,#f43192,#e32);border-radius:5px;display:none;margin-bottom:50px;margin-top:50px;padding:10px 20px 20px}
.mtq-results>.mtq-results-wrap{background-color:#fff;border:1px solid #f4f4f4;border-radius:5px;box-shadow:0 1px 1px hsla(0,3%,67%,.5);overflow:hidden;padding:1rem;position:relative}
.mtq-result{display:none;margin-left:auto;margin-right:auto;max-width:800px}
.mtq-result>:first-child{margin-top:0}
.mtq-result h3{font-size:1.4rem;margin:15px 0 10px}
.mtq-result p{font-size:1rem;line-height:1.6}

/* Score display */
.mtq-score-display{text-align:center;padding:20px 0;margin-bottom:15px;border-bottom:1px solid #f1f1f1}
.mtq-score-number{font-size:64px;font-weight:800;color:#0f65ef;line-height:1}
.mtq-score-label{font-size:16px;color:#666;margin-top:5px;font-weight:600}

/* Replay button — matches BuzzEditor .be-quiz-result-header */
.mtq-quiz-result-header{margin-bottom:10px}
.mtq-replay-quiz{color:#0f65ef;font-size:14px;font-weight:600;cursor:pointer}
.mtq-replay-quiz:hover{text-decoration:underline}

/* Locked state — quiz completed */
.mtq-scored.mtq-locked .mtq-question{opacity:0.25;pointer-events:none}
.mtq-scored.mtq-locked .mtq-answer>.mtq-answer-wrapper{background-color:#c0c0c0;color:#777;cursor:default;box-shadow:none}
.mtq-scored.mtq-locked .mtq-answer:hover>.mtq-answer-wrapper{box-shadow:none;cursor:default}
.mtq-scored.mtq-locked .mtq-answer.mtq-answer-selected>.mtq-answer-wrapper{background-color:#666;color:#aaa}
.mtq-scored.mtq-locked .mtq-answer .mtq-answer-title:before{color:#999}
.mtq-scored.mtq-locked .mtq-answer.mtq-answer-selected .mtq-answer-title:before{color:#aaa}
.mtq-scored.mtq-locked .mtq-question>h3{color:#777}

/* Dark mode */
.dark .mtq-answer>.mtq-answer-wrapper{background-color:#1f1f1f;border-color:#303030;color:#fff}
.dark .mtq-results>.mtq-results-wrap{background-color:#1f1f1f;border:1px solid #303030}
.dark .mtq-progress-wrap{background:#1f1f1f}

/* Mobile — matches BuzzEditor responsive */
@media screen and (max-width:768px){
    .mtq-answer .mtq-answer-title{font-size:.875rem}
    .mtq-answer .mtq-answer-title:before{font-size:18px;height:18px;margin-right:5px;width:18px}
    .mtq-score-number{font-size:48px}
}

/* Cover block within quiz */
.mtq-scored .wp-block-cover{margin-bottom:15px}