/* Composant 100 % isolé et responsive */
.vpna-journaliste-quiz{--vjn-ink:#0c2036;--vjn-text:#243447;--vjn-orange:#dd5926;--vjn-border:#dbe3ea;--vjn-muted:#5a6b7b;max-width:900px;margin:26px auto 36px;border-radius:20px;border:1px solid #cfd9e3;overflow:hidden;color:#243447;background:#fff;font:inherit;line-height:1.55;box-shadow:0 14px 34px rgba(12,32,54,.07)}
.vpna-journaliste-quiz *{box-sizing:border-box}
.vpna-journaliste-quiz .vpna-journaliste-quiz__top{background:linear-gradient(120deg,#0c2036,#173a5d);color:#fff;padding:28px clamp(18px,5vw,36px)}
.vpna-journaliste-quiz .vpna-journaliste-quiz__eyebrow{letter-spacing:.12em;font-size:.72rem;font-weight:800;color:#ffd1bf;margin:0 0 8px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__top h3{color:#fff;font-size:clamp(1.25rem,3vw,1.7rem);margin:0 0 8px;line-height:1.3;font-weight:800}
.vpna-journaliste-quiz .vpna-journaliste-quiz__top p:not(.vpna-journaliste-quiz__eyebrow){color:#e6ecf4;margin:0;font-size:.95rem}
.vpna-journaliste-quiz .vpna-journaliste-quiz__body{padding:clamp(18px,4vw,32px)}
.vpna-journaliste-quiz .vpna-journaliste-quiz__meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#526273;font-size:.83rem;font-weight:700;margin-bottom:12px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__track{height:6px;background:#e9eef3;border-radius:9px;overflow:hidden;margin-bottom:22px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__bar{height:100%;background:#dd5926;border-radius:9px;transition:width .22s ease}
.vpna-journaliste-quiz .vpna-journaliste-quiz__question{color:#0c2036;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:780;line-height:1.43;margin:0 0 19px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__choice{display:flex;align-items:center;justify-content:center;text-align:center;min-height:66px;width:100%;border:2px solid #dbe3ea;border-radius:11px;background:#fff;color:#0c2036;font:inherit;font-weight:750;font-size:1rem;padding:13px 15px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}
.vpna-journaliste-quiz .vpna-journaliste-quiz__choice:hover:enabled{border-color:#dd5926;background:#fff7f2;transform:translateY(-1px)}
.vpna-journaliste-quiz .vpna-journaliste-quiz__choice:disabled{cursor:default;opacity:1}
.vpna-journaliste-quiz .vpna-journaliste-quiz__choice[data-result="correct"]{border-color:#22644e;background:#ecf8f2;color:#134834}
.vpna-journaliste-quiz .vpna-journaliste-quiz__choice[data-result="incorrect"]{border-color:#c15935;background:#fff1eb;color:#8c3318}
.vpna-journaliste-quiz .vpna-journaliste-quiz__feedback{margin-top:18px;background:#f3f6f9;border-left:4px solid #dd5926;border-radius:0 12px 12px 0;padding:15px 18px;color:#243447}
.vpna-journaliste-quiz .vpna-journaliste-quiz__feedback strong{color:#0c2036;display:block;margin-bottom:5px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__feedback p{margin:0;color:#243447}
.vpna-journaliste-quiz .vpna-journaliste-quiz__next{background:#dd5926;color:#fff;border:2px solid #dd5926;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;font:inherit;font-size:.95rem;font-weight:800;min-height:48px;margin-top:20px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__next:hover{background:#ba471e;border-color:#ba471e;color:#fff}
.vpna-journaliste-quiz button:focus-visible{outline:3px solid #0c2036;outline-offset:3px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__finish{text-align:center;padding:12px 5px}
.vpna-journaliste-quiz .vpna-journaliste-quiz__finish h4{font-size:1.45rem;color:#0c2036;margin:10px 0;font-weight:800}
.vpna-journaliste-quiz .vpna-journaliste-quiz__finish p{color:#243447;margin:6px 0}
.vpna-journaliste-quiz .vpna-journaliste-quiz__score{font-size:3rem;line-height:1.2;font-weight:900;color:#0c2036}
.vpna-journaliste-quiz .vpna-journaliste-quiz__score span{color:#dd5926}
@media(max-width:520px){.vpna-journaliste-quiz .vpna-journaliste-quiz__choices{grid-template-columns:1fr}.vpna-journaliste-quiz .vpna-journaliste-quiz__choice{min-height:58px}}
@media(prefers-reduced-motion:reduce){.vpna-journaliste-quiz .vpna-journaliste-quiz__bar,.vpna-journaliste-quiz .vpna-journaliste-quiz__choice{transition:none}}