/* === Quiz === */
.quiz{max-width:680px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.quiz-head{background:var(--emerald-900);color:var(--cream);padding:2.2rem 2rem 1.8rem;text-align:center}
.quiz-head .eyebrow{color:var(--gold-soft)}
.quiz-head h2{color:var(--cream);margin:.4rem 0 .6rem}
.quiz-head p{color:rgba(247,244,238,.8);font-size:.95rem;margin:0}
.quiz-progress{height:4px;background:rgba(247,244,238,.15);position:relative}
.quiz-progress-bar{height:100%;background:var(--gold);width:0;transition:width .4s ease}
.quiz-body{padding:2.5rem 2rem}
.quiz-step{display:none}
.quiz-step.active{display:block;animation:quizFade .4s ease}
@keyframes quizFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.quiz-q-num{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:.8rem}
.quiz-question{font-family:var(--font-serif);font-size:1.35rem;line-height:1.4;color:var(--emerald-900);margin-bottom:1.8rem}
.quiz-options{display:flex;flex-direction:column;gap:.8rem}
.quiz-option{display:flex;align-items:flex-start;gap:.9rem;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:var(--cream)}
.quiz-option:hover{border-color:var(--gold);background:var(--white);transform:translateX(4px)}
.quiz-option.selected{border-color:var(--gold);background:rgba(201,162,39,.06)}
.quiz-option-letter{width:32px;height:32px;border-radius:50%;background:var(--emerald-900);color:var(--gold);display:grid;place-items:center;font-size:.85rem;font-weight:600;flex-shrink:0;font-family:var(--font-serif)}
.quiz-option.selected .quiz-option-letter{background:var(--gold);color:var(--emerald-900)}
.quiz-option-text{font-size:.97rem;line-height:1.5;color:var(--ink);padding-top:.2rem}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.quiz-btn-back{background:none;border:none;color:var(--ink-soft);font-size:.9rem;cursor:pointer;padding:.5rem 0}
.quiz-btn-back:hover{color:var(--emerald-800)}
.quiz-btn-next{background:var(--emerald-900);color:var(--cream);border:none;padding:.8em 2em;border-radius:var(--radius);font-size:.92rem;font-weight:600;cursor:pointer;transition:all var(--transition)}
.quiz-btn-next:hover{background:var(--emerald-800)}
.quiz-btn-next:disabled{opacity:.4;cursor:not-allowed}

/* Result */
.quiz-result{display:none;padding:2.5rem 2rem;text-align:center}
.quiz-result.show{display:block;animation:quizFade .5s ease}
.quiz-result-badge{display:inline-block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:1rem}
.quiz-result h3{font-size:1.6rem;margin-bottom:1rem}
.quiz-result-text{text-align:left;font-size:.97rem;line-height:1.7;color:var(--ink-soft);margin-bottom:1.5rem}
.quiz-result-text strong{color:var(--emerald-800)}
.quiz-form{margin-top:1.5rem;text-align:left}
.quiz-form .form-row{margin-bottom:1rem}
.quiz-form input{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem;font-family:var(--font-sans);background:var(--cream)}
.quiz-form input:focus{outline:none;border-color:var(--gold);background:var(--white)}
.quiz-result .btn{width:100%}