body.dys{font-family:'Atkinson Hyperlegible',Verdana,Arial,sans-serif;background-color:#FFFBF3;background-image:none;letter-spacing:.012em;word-spacing:.06em}
body.dys main h1,body.dys main h2,body.dys main h3{font-family:'Atkinson Hyperlegible',Verdana,Arial,sans-serif;font-weight:700;letter-spacing:0}
body.dys .prose p,body.dys .prose li{font-size:19px;line-height:1.8;color:#2B2F3A}
body.dys .prose{max-width:780px}
body.dys.big .prose p,body.dys.big .prose li,body.dys.big .dy-card p,body.dys.big .dy-feat span{font-size:22px}
body.dys .jx-q,body.dys .jx-ct{font-family:'Atkinson Hyperlegible',Verdana,sans-serif;font-weight:700}
body.dys .jx-q{font-size:clamp(25px,4.2vw,34px);line-height:1.45;letter-spacing:.02em}
body.dys .jx-opts{grid-template-columns:1fr}
body.dys .jx-o{font-size:24px;min-height:70px;letter-spacing:.03em}
body.dys .jx-fb{font-size:20px;display:flex;flex-direction:column;align-items:center;gap:14px;line-height:1.5}
body.dys .jx-next{margin-top:4px;font-size:18px}
.jx-say{all:unset;cursor:pointer;margin-left:10px;padding:5px 12px;border-radius:999px;background:var(--c,#A21CAF);color:#fff;font-size:13px;letter-spacing:.04em;vertical-align:middle;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.jx-say:focus-visible{outline:3px solid #0F1B3D;outline-offset:2px}
.dy-hero{position:relative;overflow:hidden;border-radius:28px;background:var(--c,#A21CAF);color:#fff;padding:clamp(28px,5vw,56px);box-shadow:0 8px 0 rgba(15,27,61,.18);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.dy-hero h1{color:#fff;font-size:clamp(32px,4.4vw,50px);line-height:1.12}
.dy-hero .lead{color:#fff;font-size:19px;line-height:1.7;max-width:680px}
.dy-kick{display:inline-block;background:rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-weight:700;font-size:15px;margin-bottom:14px}
.dy-big{font-family:'Atkinson Hyperlegible',sans-serif;font-weight:700;font-size:clamp(70px,11vw,150px);line-height:1;color:rgba(255,255,255,.25);user-select:none}
.dy-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.dy-cta a,.dy-cta button{all:unset;cursor:pointer;background:#fff;color:#0F1B3D;font-weight:700;padding:12px 20px;border-radius:14px;box-shadow:0 4px 0 rgba(0,0,0,.2);font-size:16px}
.dy-cta .alt{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.dy-cta a:hover,.dy-cta button:hover{transform:translateY(-1px)}
.dy-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.dy-feat{background:#fff;border-radius:20px;padding:20px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 0 0 2px #F3E8F7}
.dy-feat i{font-style:normal;flex:none;width:46px;height:46px;border-radius:14px;background:#FAE8FF;color:#86198F;display:grid;place-items:center;font-weight:700;font-size:19px}
.dy-feat b{display:block;font-size:17px;margin-bottom:4px;color:#0F1B3D}
.dy-feat span{font-size:16px;line-height:1.6;color:#3B3F4B}
.dy-years{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.dy-year{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:22px;padding:22px;text-decoration:none;color:#0F1B3D;border-top:8px solid var(--c);box-shadow:0 6px 0 #EDE4D3;transition:transform .15s}
.dy-year:hover{transform:translateY(-3px);color:#0F1B3D}
.dy-year b{font-size:26px;line-height:1.1}.dy-year small{font-size:15px;color:#5B5F6B;font-weight:700}
.dy-year span{font-size:16px;line-height:1.6;color:#3B3F4B}
.dy-year em{font-style:normal;margin-top:auto;font-weight:700;color:var(--c)}
.dy-sec{display:flex;flex-direction:column;gap:16px}
.dy-sh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dy-sh h2{margin:0;font-size:clamp(24px,3vw,30px);flex:1 1 auto;min-width:0}
.dy-sh .bar{width:10px;height:34px;border-radius:6px;background:var(--c)}
.dy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px}
.dy-card{background:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 0 2px #EFE6D6,0 6px 0 #EFE6D6}
.dy-dom{align-self:flex-start;font-size:14px;font-weight:700;padding:4px 12px;border-radius:999px;background:var(--bg);color:var(--ink)}
.dy-card h3{margin:0;font-size:23px;line-height:1.25}.dy-card h3 a{color:#0F1B3D;text-decoration:none}.dy-card h3 a:hover{color:var(--c)}
.dy-card p{margin:0;font-size:17px;line-height:1.7;color:#3B3F4B}
.dy-pdf{display:flex;flex-wrap:wrap;gap:8px}
.dy-pdf a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;background:#F6F1E7;color:#0F1B3D;font-weight:700;font-size:15px;text-decoration:none;box-shadow:inset 0 -3px 0 rgba(15,27,61,.08)}
.dy-pdf a:hover{background:var(--c);color:#fff}
.dy-pdf a.c{background:#E3F6E8;color:#166534}.dy-pdf a.c:hover{background:#16A34A;color:#fff}
.dy-play{align-self:flex-start;display:inline-block;background:var(--c);color:#fff;font-weight:700;padding:10px 18px;border-radius:999px;text-decoration:none;font-size:16px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.dy-play:hover{color:#fff;filter:brightness(1.08)}
.dy-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.dy-file{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:18px;background:#fff;text-decoration:none;color:#0F1B3D;box-shadow:0 0 0 2px #EFE6D6,0 5px 0 #EFE6D6;transition:transform .15s}
.dy-file:hover{transform:translateY(-2px);color:#0F1B3D;box-shadow:0 0 0 2px var(--c),0 5px 0 var(--c)}
.dy-file b{font-size:19px}.dy-file small{font-size:14px;color:#5B5F6B;font-weight:700}
.dy-tool{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:700;font-size:15px;color:#5B5F6B}
.dy-tool button{all:unset;cursor:pointer;padding:7px 14px;border-radius:999px;background:#fff;color:#0F1B3D;font-weight:700;box-shadow:0 0 0 2px #E6DCC8}
.dy-tool button[aria-pressed="true"]{background:#0F1B3D;color:#fff;box-shadow:none}
.dy-box{background:#fff;border-radius:22px;padding:24px;box-shadow:0 0 0 2px #EFE6D6}
.dy-tip{background:#FFF4D6;border-radius:18px;padding:18px 20px;font-size:19px;line-height:1.75;color:#2B2F3A}
.dy-tip b{display:block;margin-bottom:4px;color:#854D0E}
@media (max-width:640px){.dy-hero{grid-template-columns:1fr}.dy-big{display:none}}

/* look ludique (18 oct.) */
body.dys{background-color:#FFFBF3;background-image:radial-gradient(#F1E2C6 1.3px,transparent 1.6px);background-size:22px 22px}
body.dys .dy-hero{padding:22px 30px!important;border-radius:26px!important;gap:20px!important;box-shadow:0 6px 0 rgba(15,27,61,.16);background-color:var(--c,#A21CAF);background-image:radial-gradient(circle at 96% 8%,rgba(255,255,255,.16) 0 70px,transparent 71px),radial-gradient(circle at 70% 120%,rgba(255,255,255,.12) 0 90px,transparent 91px),radial-gradient(rgba(255,255,255,.14) 1.6px,transparent 2px);background-size:auto,auto,16px 16px}
body.dys .dy-hero h1{font-size:clamp(24px,2.9vw,34px)!important;line-height:1.15!important}
body.dys .dy-hero .lead{font-size:16.5px!important;line-height:1.6;margin:6px 0 0!important;max-width:640px}
body.dys .dy-kick{margin-bottom:8px;font-size:14px;padding:5px 12px;background:rgba(255,255,255,.22)}
body.dys .dy-cta{margin-top:14px}
body.dys .dy-cta a,body.dys .dy-cta button{padding:9px 16px;font-size:15px;border-radius:999px}
body.dys .dy-big{width:clamp(96px,10vw,128px);height:clamp(96px,10vw,128px);border-radius:50%;background:#fff;color:var(--c,#A21CAF)!important;display:grid;place-items:center;font-size:clamp(38px,4.4vw,54px)!important;transform:rotate(-8deg);box-shadow:0 6px 0 rgba(15,27,61,.18),0 0 0 6px rgba(255,255,255,.25)}
body.dys .dy-big sup{font-size:.45em}
body.dys .dy-sh .bar{width:14px;height:14px;border-radius:50%;box-shadow:18px 0 0 var(--c),36px 0 0 var(--c);opacity:.9;margin-right:36px}
body.dys .dy-sh h2{color:#0F1B3D}
body.dys .dy-files{gap:14px}
body.dys .dy-file{border-top:7px solid var(--c);border-radius:20px;padding:16px 18px;box-shadow:0 5px 0 #EFE6D6}
body.dys .dy-file b{color:var(--c);font-size:20px}
body.dys .dy-file:hover{transform:translateY(-3px) rotate(-1deg)}
body.dys .dy-file:nth-child(5){border-top-color:#16A34A}body.dys .dy-file:nth-child(5) b{color:#15803D}
body.dys .dy-card{border-top:7px solid var(--c);box-shadow:0 6px 0 #EFE6D6}
body.dys .dy-card:hover{transform:translateY(-2px)}
body.dys .dy-year{border-top-width:10px;border-radius:24px}
body.dys .dy-year:hover{transform:translateY(-4px) rotate(-1deg)}
body.dys .dy-year:nth-child(odd):hover{transform:translateY(-4px) rotate(1deg)}
body.dys .dy-feat{border-radius:22px;box-shadow:0 5px 0 #F3E8F7}
body.dys .dy-feat:nth-child(4n+1) i{background:#DBEAFE;color:#1D4ED8}body.dys .dy-feat:nth-child(4n+2) i{background:#DCFCE7;color:#15803D}body.dys .dy-feat:nth-child(4n+3) i{background:#FFEDD5;color:#C2410C}body.dys .dy-feat:nth-child(4n+4) i{background:#FAE8FF;color:#86198F}
body.dys .dy-tip{background:#FFF7DB;border:2px dashed #F5B941;border-radius:22px}
body.dys .dy-tool button{box-shadow:0 0 0 2px #E6DCC8,0 3px 0 #E6DCC8}
@media (max-width:640px){body.dys .dy-hero{padding:18px 20px!important}}
body.dys .dy-prev{display:block;width:clamp(120px,15vw,170px);transform:rotate(-5deg);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 0 rgba(15,27,61,.2),0 0 0 6px rgba(255,255,255,.3);transition:transform .2s}
body.dys .dy-prev:hover{transform:rotate(0) scale(1.04)}body.dys .dy-prev img{display:block;width:100%;height:auto}
@media (max-width:640px){body.dys .dy-prev{display:none}}
body.dys .dy-qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
body.dys .dy-q{background:#fff;border-radius:20px;border-top:7px solid var(--c);box-shadow:0 5px 0 #EFE6D6;padding:16px 18px}
body.dys .dy-q summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:20px;line-height:1.5;font-weight:700;color:#0F1B3D}
body.dys .dy-q summary::-webkit-details-marker{display:none}
body.dys .dy-q .n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:17px}
body.dys .dy-q .a{margin-top:12px;padding:12px 14px;border-radius:14px;background:#F0FDF4;font-size:19px;line-height:1.6;color:#14532D}
body.dys .dy-q[open]{box-shadow:0 5px 0 var(--c)}
body.dys.big .dy-q summary,body.dys.big .dy-q .a{font-size:23px}