/* The 12-question test (/test/, /en/test/). */
.quiz-wrap { max-width: 760px; padding-block: 34px 40px; }
.quiz-wrap h1 { font-size: clamp(1.9rem, 4.4vw, 2.8rem); margin-bottom: 8px; }
.quiz-wrap h1 em { color: var(--bleu); font-style: normal; }
.quiz-intro { color: var(--muted); font-size: 0.95rem; margin-bottom: 22px; }
.quiz { background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 22px; }
.quiz-progress { height: 6px; border-radius: 3px; background: var(--alt); overflow: hidden; margin-bottom: 14px; }
.quiz-progress span { display: block; height: 100%; background: var(--bleu); transition: width 0.2s; }
.quiz-count { font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.quiz-q { font-size: clamp(1.2rem, 2.8vw, 1.5rem); line-height: 1.3; margin-bottom: 18px; outline: none; }
.quiz-answers { display: grid; gap: 8px; }
.quiz-a { min-height: 48px; border-radius: 10px; border: 1px solid var(--line); background: #fff; font: inherit; font-weight: 600; font-size: 0.95rem; cursor: pointer; text-align: left; padding: 10px 16px; color: var(--ink); }
.quiz-a:hover, .quiz-a:focus-visible { border-color: var(--bleu); background: var(--bleu-pale); outline: none; }
.quiz-ap.strong { border-left: 5px solid var(--bleu); }
.quiz-ap:not(.strong) { border-left: 5px solid #9aa6ea; }
.quiz-an.strong { border-left: 5px solid var(--rouge); }
.quiz-an:not(.strong) { border-left: 5px solid #e3a59e; }
.quiz-az { border-left: 5px solid var(--line); color: var(--muted); }
.quiz-back { margin-top: 14px; border: 0; background: none; color: var(--bleu); font: inherit; font-size: 0.88rem; font-weight: 600; cursor: pointer; padding: 4px 0; }
.quiz-result h2 { font-size: clamp(1.6rem, 4vw, 2.2rem); margin-bottom: 6px; outline: none; }
.quiz-result h2 span { display: inline-block; font-size: 0.95rem; color: var(--bleu); font-family: inherit; vertical-align: middle; margin-left: 6px; }
.quiz-result h3 { font-size: 1rem; margin: 22px 0 8px; }
.quiz-cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.quiz-cta .btn { min-height: 44px; padding: 10px 18px; }
.btn-ghost { min-height: 44px; padding: 10px 16px; border-radius: 8px; border: 1px solid var(--bleu); background: #fff; color: var(--bleu); font: inherit; font-weight: 650; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.quiz-cta .btn.btn-ghost { background: #fff; color: var(--bleu); }
.quiz-rank { list-style: none; margin: 0; padding: 0; }
.quiz-rank li { display: grid; grid-template-columns: 11rem 1fr 3.4rem; align-items: center; gap: 10px; padding: 5px 0; font-size: 0.9rem; }
.quiz-rank .bar { height: 10px; border-radius: 5px; background: var(--alt); overflow: hidden; }
.quiz-rank .bar span { display: block; height: 100%; background: var(--bleu); }
.quiz-rank .is-abst .bar span { background: var(--ink); }
.quiz-rank .is-abst .n { font-weight: 700; }
.quiz-rank .pct { text-align: right; font-variant-numeric: tabular-nums; color: var(--muted); }
.quiz-positions { margin-top: 18px; font-size: 0.85rem; }
.quiz-positions summary { cursor: pointer; font-weight: 650; color: var(--bleu); }
.quiz-table { overflow-x: auto; margin-top: 10px; }
.quiz-table table { border-collapse: collapse; min-width: 820px; font-size: 0.78rem; }
.quiz-table th, .quiz-table td { border-bottom: 1px solid var(--line); padding: 5px 6px; text-align: center; }
.quiz-table tbody th { text-align: left; font-weight: 500; min-width: 15rem; }
.quiz-table td.v2 { background: #dfe4fb; } .quiz-table td.v1 { background: #eef0fc; }
.quiz-table td.v-1 { background: #fbefed; } .quiz-table td.v-2 { background: #f5d9d5; }
.quiz-result .field-note { margin-top: 14px; font-size: 0.78rem; }
@media (max-width: 520px) {
  .quiz { padding: 16px; }
  .quiz-rank li { grid-template-columns: 8.5rem 1fr 3rem; font-size: 0.82rem; }
}