/* quiz.css — two-stage quiz UI */

  .quiz-card{max-width:640px; margin:0 auto; background:var(--bg); border:1px solid var(--line); border-radius:20px; padding:40px;}
  .quiz-progress{display:flex; gap:6px; margin-bottom:28px;}
  .quiz-progress span{height:4px; flex:1; background:var(--line); border-radius:4px; transition:background .2s;}
  .quiz-progress span.done{background:var(--ink);}
  .quiz-q{font-size:1.3rem; margin-bottom:24px; font-family:'Space Grotesk',sans-serif; font-weight:600;}
  .quiz-opts{display:flex; flex-direction:column; gap:10px;}
  .quiz-opt{
    text-align:left; padding:14px 18px; border-radius:12px; border:1.5px solid var(--line);
    background:var(--card); cursor:pointer; font-family:'Inter',sans-serif; font-size:0.98rem;
    color:var(--quiz-opt-color); transition:border-color .15s, transform .1s;
  }
  .quiz-opt:hover{border-color:var(--ink); transform:translateX(2px);}
  .quiz-opt:focus-visible{outline:3px solid var(--tech); outline-offset:1px;}
  .quiz-result{text-align:center;}
  .quiz-result .tag{display:inline-block; padding:6px 16px; border-radius:100px; color:#fff; font-weight:600; font-size:0.9rem; margin-bottom:16px;}
  .quiz-result h3{font-size:1.6rem; margin-bottom:10px;}
  .quiz-result p{color:var(--ink-soft); margin-bottom:24px;}
  .quiz-retry{background:none; border:none; text-decoration:underline; cursor:pointer; font-family:'Inter',sans-serif; color:var(--ink-soft); font-size:0.9rem; margin-top:6px;}