/* ────────────────────────────────────────────────
   econotes-quiz.css — Quiz engine styles
   Include after your main styles
──────────────────────────────────────────────── */

.quiz-section{border-top:2px solid #ddd9d0;margin-top:4rem;padding-top:3rem;}
.quiz-header{text-align:center;margin-bottom:2.5rem;}
.quiz-eyebrow{font-family:'DM Mono',monospace;font-size:.6rem;color:#2d6a4f;letter-spacing:.22em;text-transform:uppercase;margin-bottom:.6rem;}
.quiz-header h2{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;line-height:1.1;margin-bottom:.6rem;}
.quiz-header p{font-size:.88rem;color:#8a8070;max-width:440px;margin:0 auto;}
.quiz-xp-info{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap;}
.quiz-xp-pill{font-family:'DM Mono',monospace;font-size:.68rem;background:rgba(176,125,46,.1);color:#b07d2e;border:1px solid rgba(176,125,46,.25);padding:.22rem .75rem;border-radius:20px;}

/* Progress bar */
.quiz-progress{background:#ede9e0;border-radius:20px;height:6px;margin-bottom:2rem;overflow:hidden;}
.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#2d6a4f,#5ea83a);border-radius:20px;transition:width .4s ease;}
.quiz-progress-label{font-family:'DM Mono',monospace;font-size:.6rem;color:#8a8070;text-align:right;margin-top:.3rem;margin-bottom:1.5rem;}

/* Question card */
.quiz-card{background:#fff;border:1.5px solid #ddd9d0;border-radius:10px;padding:2rem;margin-bottom:1rem;display:none;}
.quiz-card.active{display:block;}
.quiz-q-num{font-family:'DM Mono',monospace;font-size:.6rem;color:#8a8070;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.65rem;}
.quiz-question{font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:1.4rem;color:#1a1810;}
.quiz-options{display:flex;flex-direction:column;gap:.6rem;}
.quiz-option{background:#faf8f4;border:1.5px solid #ddd9d0;border-radius:6px;padding:.85rem 1.1rem;font-size:.88rem;cursor:pointer;transition:all .18s;text-align:left;color:#1a1810;font-family:'DM Sans',sans-serif;line-height:1.5;}
.quiz-option:hover:not(:disabled){background:#f3f0ea;border-color:#c8c3b8;}
.quiz-option.correct{background:rgba(45,106,79,.08);border-color:#2d6a4f;color:#2d6a4f;}
.quiz-option.wrong{background:rgba(181,27,27,.06);border-color:#b51b1b;color:#b51b1b;}
.quiz-option:disabled{cursor:default;}
.quiz-explanation{background:#f3f0ea;border-left:3px solid #2d6a4f;border-radius:0 6px 6px 0;padding:.9rem 1.1rem;margin-top:.9rem;font-size:.83rem;color:#3d3a30;line-height:1.7;display:none;}
.quiz-explanation.show{display:block;}
.quiz-explanation strong{color:#2d6a4f;}

/* Nav buttons */
.quiz-nav{display:flex;gap:1rem;margin-top:1.4rem;justify-content:flex-end;}
.quiz-btn{font-family:'DM Mono',monospace;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:.62rem 1.4rem;border-radius:5px;border:1.5px solid;cursor:pointer;transition:all .18s;}
.quiz-btn-next{background:#2d6a4f;color:#fff;border-color:#2d6a4f;}
.quiz-btn-next:hover{background:#235a41;}
.quiz-btn-next:disabled{opacity:.4;cursor:default;}

/* Results screen */
.quiz-results{display:none;text-align:center;padding:2.5rem 1rem;}
.quiz-results.show{display:block;}
.results-score{font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:700;color:#2d6a4f;line-height:1;}
.results-label{font-family:'DM Mono',monospace;font-size:.65rem;color:#8a8070;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem;}
.results-grade{font-size:1rem;font-weight:700;margin-bottom:.4rem;}
.results-sub{font-size:.85rem;color:#8a8070;margin-bottom:1.8rem;line-height:1.7;}
.xp-award-box{background:linear-gradient(135deg,rgba(176,125,46,.1),rgba(176,125,46,.04));border:1.5px solid rgba(176,125,46,.3);border-radius:8px;padding:1.2rem 1.5rem;margin:0 auto 1.8rem;max-width:320px;}
.xp-award-num{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:#b07d2e;line-height:1;}
.xp-award-lbl{font-family:'DM Mono',monospace;font-size:.63rem;color:#b07d2e;letter-spacing:.1em;text-transform:uppercase;}
.xp-award-note{font-size:.78rem;color:#8a8070;margin-top:.4rem;}
.quiz-results-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.quiz-btn-retry{background:transparent;color:#2d6a4f;border-color:#2d6a4f;}
.quiz-btn-retry:hover{background:rgba(45,106,79,.06);}
.quiz-btn-lb{background:#2d6a4f;color:#fff;border-color:#2d6a4f;}
.quiz-btn-lb:hover{background:#235a41;}