.breadcrumb{margin-top:64px;padding:1rem 2.5rem;font-size:.8rem;color:var(--texte-sec);background:var(--gris-doux);border-bottom:1px solid var(--bordure)}.breadcrumb a{color:var(--bleu-mer);text-decoration:none}.breadcrumb span{margin:0 6px}.page-hero{background:linear-gradient(160deg,var(--blanc-pur) 0%,var(--blanc-mer) 100%);padding:3rem 2.5rem 2rem;border-bottom:1px solid var(--bordure)}.page-hero-inner{max-width:800px;margin:0 auto}.page-tag{display:inline-block;font-size:.75rem;font-weight:500;color:var(--bleu-mer);background:var(--blanc-mer);border:1px solid var(--bordure);padding:.3rem .85rem;border-radius:99px;margin-bottom:1rem}.page-title{font-family:Lora,serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:500;line-height:1.2;color:var(--bleu-nuit);margin-bottom:.75rem}.page-sub{font-size:1rem;color:var(--texte-sec);line-height:1.7;font-weight:300;max-width:600px;text-align:justify}.quiz-container{max-width:800px;margin:0 auto;padding:2.5rem 2.5rem 4.5rem}.progress-bar-wrap{background:var(--bordure);border-radius:99px;height:6px;margin-bottom:1.5rem}.progress-bar{background:var(--bleu-mer);height:6px;border-radius:99px;transition:width .4s ease}.progress-text{font-size:.82rem;color:var(--texte-sec);margin-bottom:8px;display:flex;justify-content:space-between}.theme-badge{display:inline-block;font-size:.75rem;font-weight:500;color:var(--bleu-mer);background:var(--blanc-mer);border:1px solid var(--bordure);padding:.25rem .8rem;border-radius:99px;margin-bottom:1rem}.question-card{background:#fff;border:1px solid var(--bordure);border-radius:20px;padding:2rem;box-shadow:0 4px 24px #1a3a5c0f;margin-bottom:1.5rem}.question-num{font-size:.78rem;color:var(--texte-sec);margin-bottom:.75rem}.question-text{font-family:Lora,serif;font-size:1.15rem;font-weight:500;color:var(--bleu-nuit);line-height:1.5;margin-bottom:1.5rem}.options{display:flex;flex-direction:column;gap:10px}.option-btn{display:flex;align-items:center;gap:12px;background:var(--gris-doux);border:1.5px solid var(--bordure);border-radius:12px;padding:.85rem 1rem;cursor:pointer;text-align:left;transition:all .2s;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--bleu-nuit);width:100%}.option-btn:hover:not(:disabled){border-color:var(--bleu-mer);background:var(--blanc-mer)}.option-btn.correct{background:#e8f5ee;border-color:var(--vert);color:#1a5c30}.option-btn.wrong{background:#fdecea;border-color:var(--rouge);color:#7a1a1a}.option-btn.show-correct{background:#e8f5ee;border-color:var(--vert);color:#1a5c30}.option-btn:disabled{cursor:default}.option-letter{width:28px;height:28px;border-radius:50%;background:var(--bordure);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:500;flex-shrink:0}.option-btn.correct .option-letter{background:var(--vert);color:#fff}.option-btn.wrong .option-letter{background:var(--rouge);color:#fff}.option-btn.show-correct .option-letter{background:var(--vert);color:#fff}.explication{margin-top:1rem;padding:.85rem 1rem;border-radius:10px;font-size:.88rem;line-height:1.6;display:none;scroll-margin-bottom:5.5rem}.explication.correct{background:#e8f5ee;color:#1a5c30;border-left:3px solid var(--vert)}.explication.wrong{background:#fdecea;color:#7a1a1a;border-left:3px solid var(--rouge)}.explication.visible{display:block}.quiz-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid var(--bordure);padding:.8rem 1.5rem;display:flex;justify-content:center;transform:translateY(120%);transition:transform .28s ease}.quiz-nav.visible{transform:translateY(0)}.btn-next{background:var(--bleu-mer);color:#fff;border:none;padding:.85rem 1.75rem;border-radius:99px;font-size:.95rem;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .2s,transform .15s;display:block;width:100%;max-width:760px}.btn-next:hover{background:var(--bleu-nuit);transform:translateY(-1px)}.result-screen{display:none;background:#fff;border:1px solid var(--bordure);border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 24px #1a3a5c0f}.result-screen.visible{display:block}.result-score{font-family:Lora,serif;font-size:4rem;font-weight:500;color:var(--bleu-mer);line-height:1;margin:1rem 0 .5rem}.result-label{font-size:1rem;color:var(--texte-sec);margin-bottom:1.5rem}.result-msg{font-size:1.1rem;font-weight:500;color:var(--bleu-nuit);margin-bottom:.5rem}.result-sub{font-size:.9rem;color:var(--texte-sec);margin-bottom:2rem}.theme-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:1.5rem 0;text-align:left}.theme-score-card{background:var(--gris-doux);border-radius:12px;padding:.85rem 1rem}.theme-score-name{font-size:.8rem;font-weight:500;color:var(--bleu-nuit);margin-bottom:4px}.theme-score-val{font-size:1.1rem;font-weight:500;color:var(--bleu-mer)}.theme-score-bar-wrap{background:var(--bordure);border-radius:99px;height:4px;margin-top:6px}.theme-score-bar{height:4px;border-radius:99px;background:var(--bleu-mer)}.btn-restart{background:var(--bleu-nuit);color:#fff;border:none;padding:.75rem 2rem;border-radius:99px;font-size:.95rem;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .2s;margin-top:1rem}.btn-restart:hover{background:var(--bleu-mer)}.autres-outils{background:var(--gris-doux);border-top:1px solid var(--bordure);padding:3rem 2.5rem}.autres-inner{max-width:800px;margin:0 auto}.autres-titre{font-family:Lora,serif;font-size:1.3rem;font-weight:500;color:var(--bleu-nuit);margin-bottom:1.25rem}.autres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.autre-card{background:#fff;border:1px solid var(--bordure);border-radius:12px;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:12px}.autre-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a3a5c17}.autre-emoji{font-size:1.5rem}.autre-name{font-size:.9rem;font-weight:500;color:var(--bleu-nuit)}.autre-desc{font-size:.78rem;color:var(--texte-sec);margin-top:2px}@media(max-width:768px){.quiz-container{padding:1.5rem 1.5rem 4.5rem}nav a:not(.btn-nav){display:none}}