/*canvas.webgl{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}main{position:relative}.toefl-tests,.toeic-tests{position:relative;z-index:10;text-align:center;max-width:800px;margin:15px auto 10px;padding:10px 20px}.toefl-tests h2,.toeic-tests h2{position:relative;z-index:10;font-size:1.5rem;font-weight:700;color:#0b75c9;margin:0 0 8px 0;text-align:center}.toefl-tests p,.toeic-tests p{position:relative;z-index:10;font-size:.95rem;color:#333;line-height:1.4;margin:0 auto;max-width:700px;text-align:center}.page-title{position:relative;z-index:10}.disclaimer{font-size:.85rem;color:#666;text-align:center;font-style:italic;max-width:700px;margin:20px auto 30px;padding:0 10px;position:relative;z-index:10}div.title-guide{font-size:1.8rem;text-align:center;font-weight:900;color:var(--accent-warm);position:relative;z-index:10}div.title-instruction{font-weight:700;margin-top:2rem;color:#0b75c9;border-bottom:2px solid #e5e7eb;padding-bottom:.4rem;font-size:1.1rem;position:relative;z-index:10}.encadre{width:100%;max-width:800px;margin:20px auto;padding:20px;border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 4px 30px rgba(0,0,0,.1);box-sizing:border-box;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);position:relative;z-index:10}ol,ul{margin-left:1.5rem;padding-left:0}li,p{font-size:1rem;margin-bottom:.4rem}ul{list-style:none;padding-left:2rem;margin:0}ul li{display:flex;align-items:center;margin-bottom:.4rem;font-size:1rem}ul li::before{content:"➜";display:inline-block;width:1.2rem;height:1.2rem;line-height:1.2rem;border-radius:50%;background-color:#0b75c9;color:#fff;text-align:center;margin-right:.5rem;flex-shrink:0}ol{counter-reset:my-counter;list-style:none;padding-left:2rem;margin:0}ol li{counter-increment:my-counter;margin-bottom:.4rem;font-size:1rem;position:relative}ol li::before{content:counter(my-counter);display:inline-block;width:1.2rem;height:1.2rem;line-height:1.2rem;border-radius:50%;background-color:#0b75c9;color:#fff;text-align:center;margin-right:.5rem;font-weight:700;flex-shrink:0}strong{font-weight:600}em{color:#555}.note{font-style:italic;color:#444}.emoji{font-size:1.1rem}.accordion{display:block;width:100%;padding:15px 20px;line-height:1.5;cursor:pointer;border:none;outline:0;background-color:#f7f9fc;color:#0b75c9;font-weight:700;font-size:1.1rem;text-align:left;border-radius:5px;margin-top:1rem;transition:background-color .3s ease;box-sizing:border-box;position:relative;z-index:10;word-wrap:break-word}.accordion.active,.accordion:hover{background-color:#e5f0ff}.panel{display:block;max-height:0;overflow:hidden;padding:0 20px;border-right:2px solid #e5f0ff;border-bottom:2px solid #e5f0ff;border-radius:0 0 5px 5px;margin-bottom:10px;background-color:#fff;box-sizing:border-box;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out;position:relative;z-index:10}.panel.active{max-height:1000px;opacity:1;padding:15px 20px;transition:max-height .5s ease-in,opacity .3s ease-in,padding .3s ease-in}@media (max-width:900px){.encadre{max-width:90%;padding:18px}.toefl-tests,.toeic-tests{max-width:90%;padding:8px 15px;margin:12px auto 8px}.toefl-tests h2,.toeic-tests h2{font-size:1.3rem;margin-bottom:6px}}@media (max-width:600px){.encadre{max-width:95%;padding:15px;margin:15px auto}h1{font-size:1.8rem}.toefl-tests,.toeic-tests{max-width:95%;padding:6px 10px;margin:10px auto 6px}.toefl-tests h2,.toeic-tests h2{font-size:1.2rem;margin-bottom:5px}.toefl-tests p,.toeic-tests p{font-size:.9rem}}.faq-cta-tests{background:linear-gradient(135deg,#e3f2fd,#f0f7ff);border-radius:16px;padding:40px 32px;text-align:center;margin:48px auto;max-width:900px;border:2px solid #0b69ff;box-shadow:0 8px 24px rgba(11,105,255,.15);position:relative;z-index:10}.faq-cta-content-tests h2{font-size:1.9rem;color:#2c3e50;margin:0 0 16px 0;font-weight:700}.faq-cta-content-tests p{font-size:1.1rem;color:#555;margin:0 0 28px 0;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width:768px){.faq-cta-tests{padding:32px 24px;margin:32px 16px}.faq-cta-content-tests h2{font-size:1.5rem}.faq-cta-content-tests p{font-size:1rem}}@media (max-width:480px){.faq-cta-tests{padding:24px 20px;margin:24px 10px}.faq-cta-content-tests h2{font-size:1.3rem}.faq-cta-content-tests p{font-size:.95rem}}*/

canvas.webgl{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}main{position:relative}.toefl-tests,.toeic-tests,.ielts-tests{position:relative;z-index:10;text-align:center;max-width:800px;margin:15px auto 10px;padding:20px;border-radius:16px;background:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 30px rgba(0,0,0,.1);border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);box-sizing:border-box}.toefl-tests h2,.toeic-tests h2,.ielts-tests h2{position:relative;z-index:10;font-size:1.5rem;font-weight:700;color:#0b75c9;margin:0 0 8px 0;text-align:center}.toefl-tests p,.toeic-tests p,.ielts-tests p{position:relative;z-index:10;font-size:.95rem;color:#333;line-height:1.4;margin:0 auto;max-width:700px;text-align:center}.vignettes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-content:center;margin-top:1.5rem;margin-bottom:1.5rem;max-width:760px;margin-left:auto;margin-right:auto}.vignette{position:relative;color:#222;padding:24px 16px 20px;min-height:200px;font-size:1.05rem;font-weight:700;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;text-align:center;text-decoration:none;background:#fff;border:2px solid #e8e8e8;box-shadow:0 4px 18px rgba(0,0,0,.07);overflow:visible;cursor:pointer;z-index:10;isolation:isolate;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease}.vignette::before{content:'';position:absolute;inset:0;border-radius:16px;background:var(--card-accent,#4f8ef7);opacity:0;transition:opacity .25s ease;z-index:0;pointer-events:none}.vignette:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.13);border-color:var(--card-accent,#4f8ef7)}.vignette:hover::before{opacity:.07}.vignette-svg{width:64px;height:64px;margin-bottom:2px;flex-shrink:0;position:relative;z-index:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.vignette:hover .vignette-svg{transform:scale(1.12) rotate(-2deg)}.vignette span{position:relative;z-index:1;line-height:1.35;text-shadow:none}.vignette>span:first-of-type{color:#222}.vignette i{font-style:italic;font-weight:600;color:#555}.toeic{--card-accent:#1d4ed8}.toeicLR{--card-accent:#0e7490}.toefl-ibt{--card-accent:#7c3aed}.ielts{--card-accent:#dc2626}.linguaskill{--card-accent:#059669}.cloe{--card-accent:#1d4ed8}.encadre{width:100%;max-width:800px;margin:20px auto;padding:20px;border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 4px 30px rgba(0,0,0,.1);box-sizing:border-box;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);position:relative;z-index:10}ol,ul{margin-left:1.5rem;padding-left:0}li,p{font-size:1rem;margin-bottom:.4rem}ul{list-style:none;padding-left:2rem;margin:0}ul li{display:flex;align-items:center;margin-bottom:.4rem;font-size:1rem}ul li::before{content:"➜";display:inline-block;width:1.2rem;height:1.2rem;line-height:1.2rem;border-radius:50%;background-color:#0b75c9;color:#fff;text-align:center;margin-right:.5rem;flex-shrink:0}ol{counter-reset:my-counter;list-style:none;padding-left:2rem;margin:0}ol li{counter-increment:my-counter;margin-bottom:.4rem;font-size:1rem;position:relative}ol li::before{content:counter(my-counter);display:inline-block;width:1.2rem;height:1.2rem;line-height:1.2rem;border-radius:50%;background-color:#0b75c9;color:#fff;text-align:center;margin-right:.5rem;font-weight:700;flex-shrink:0}strong{font-weight:600}em{color:#555}.note{font-style:italic;color:#444}.emoji{font-size:1.1rem}.accordion{display:block;width:100%;padding:15px 20px;margin-bottom:5px;line-height:1.5;cursor:pointer;border: 1px solid rgba(11, 117, 201, 0.1);box-shadow: 0 2px 5px rgba(0,0,0,0.05);outline:0;background-color:#f7f9fc;color:#0b75c9;font-weight:700;font-size:1.1rem;text-align:left;border-radius:5px;margin-top:1rem;transition:background-color .3s ease;box-sizing:border-box;position:relative;z-index:10;word-wrap:break-word;transition: all 0.3s ease}.accordion.active,.accordion:hover{background-color:#e5f0ff;padding-left:16px;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.panel{display:block;max-height:0;overflow:hidden;padding:0 20px;border-right:2px solid #e5f0ff;border-bottom:2px solid #e5f0ff;border-radius:0 0 5px 5px;margin-bottom:10px;background-color:#fff;box-sizing:border-box;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out;position:relative;z-index:10}.panel.active{max-height:1000px;opacity:1;padding:15px 20px;transition:max-height .5s ease-in,opacity .3s ease-in,padding .3s ease-in}.faq-cta-tests{background:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:40px 32px;text-align:center;margin:48px auto;max-width:900px;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);position:relative;z-index:10}.faq-cta-content-tests h2{font-size:1.9rem;color:#2c3e50;margin:0 0 16px 0;font-weight:700}.faq-cta-content-tests p{font-size:1.1rem;color:#555;margin:0 0 28px 0;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width:900px){.encadre{max-width:90%;padding:18px}.toefl-tests,.toeic-tests,.ielts-tests{max-width:90%;padding:8px 15px;margin:12px auto 8px}.toefl-tests h2,.toeic-tests h2,.ielts-tests h2{font-size:1.3rem;margin-bottom:6px}}@media (max-width:768px){.vignettes-container{gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.vignette{min-height:170px;font-size:1rem;padding:22px 16px 18px}.vignette-svg{width:58px;height:58px}.faq-cta-tests{padding:32px 24px;margin:32px 16px}.faq-cta-content-tests h2{font-size:1.5rem}.faq-cta-content-tests p{font-size:1rem}}@media (max-width:600px){.encadre{max-width:95%;padding:15px;margin:15px auto}h1{font-size:1.8rem}.toefl-tests,.toeic-tests,.ielts-tests{max-width:95%;padding:6px 10px;margin:10px auto 6px}.toefl-tests h2,.toeic-tests h2,.ielts-tests h2{font-size:1.2rem;margin-bottom:5px}.toefl-tests p,.toeic-tests p,.ielts-tests p{font-size:.9rem}}@media (max-width:480px){.vignettes-container{grid-template-columns:repeat(2,1fr);gap:12px}.vignette{min-height:160px;padding:16px 10px 14px;font-size:.9rem}.vignette-svg{width:52px;height:52px}.faq-cta-tests{padding:24px 20px;margin:24px 10px}.faq-cta-content-tests h2{font-size:1.3rem}.faq-cta-content-tests p{font-size:.95rem}}.disclaimer{font-size:.85rem;color:#666;text-align:center;font-style:italic;max-width:700px;margin:20px auto 30px;padding:0 10px;position:relative;z-index:10}div.title-guide{font-size:1.8rem;text-align:center;font-weight:900;color:var(--accent-warm);position:relative;z-index:10}.accordion::after{content:'\25BC';font-size:.8rem;float:right;margin-left:20px;transition:transform .3s ease;color:#0b75c9}.accordion.active::after{content:'\25BC';transform:rotate(180deg)}
/* ── Vignette désactivée (test bientôt disponible) ───────────────── */
.vignette.disabled{
    cursor:not-allowed;
    filter:grayscale(70%);
    opacity:.6;
    pointer-events:none; /* non-cliquable */
}
.vignette.disabled:hover{
    transform:none; /* neutralise l'agrandissement au survol */
    box-shadow:0 6px 18px rgba(0,0,0,.3);
}
.vignette.disabled:hover .vignette-svg{
    transform:none;
}
.vignette-badge{
    margin-top:10px;
    display:inline-block;
    background:rgba(0,0,0,.55);
    color:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:.3px;
    text-transform:uppercase;
    padding:4px 12px;
    border-radius:999px;
    text-shadow:none;
}

/* ── Audit acquisition (points 1, 2, 6) ──────────────────────────── */
/* Point 1 : micro-libellé d'action sous le titre de chaque vignette.
   Texte blanc sur fond dégradé foncé de la vignette → contraste OK. */
.vignette-cta{
    position:relative;
    z-index:1;
    display:inline-block;
    margin-top:auto;
    padding-top:6px;
    font-size:14px;
    font-weight:700;
    color:var(--card-accent,#0b75c9);
    opacity:.92;
    letter-spacing:.2px;
    text-shadow:none;
    transition:opacity .25s ease,transform .25s ease;
}
.vignette:hover .vignette-cta,
.vignette:focus-visible .vignette-cta{
    opacity:1;
    transform:translateX(3px);
}
/* Point 2 : rappel d'action avant le bloc FAQ (ne pas finir sur une sortie).
   Posé dans .toeic-tests (glass-card translucide) → texte foncé lisible. */
.tests-cta-reminder{
    position:relative;
    z-index:10;
    max-width:46ch;
    margin:1.5rem auto 0;
    text-align:center;
    font-size:1rem;
    font-weight:600;
    line-height:1.5;
    color:#0b75c9;
}
/* Point 6 : l'emoji du bouton FAQ est masqué aux lecteurs d'écran via
   aria-hidden (HTML). On garde juste un espacement propre. */
.faq-cta-content-tests .btn-u span[aria-hidden="true"]{margin-right:.35em}