.rapport img{width:100%;height:auto;display:block}
article{display:flex;flex-direction:column;gap:48px}
article>header,article>section{display:flex;flex-direction:column;gap:14px}
h1,.titre-cas{margin:0;font:400 clamp(32px,4vw,50px)/1.15 Lato,sans-serif;color:#7A1F3D;text-wrap:balance}
h3{margin:0;font:600 21px/1.3 Lato,sans-serif;color:#7A1F3D}
h2.surtitre{font:400 13px/1.4 Lato,sans-serif}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.profil{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.profil>div{display:flex;flex-direction:column;gap:8px}
.resultats{gap:18px}
.rapport{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #EEDFDC;border-radius:20px;margin:0}
.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.actions>div{display:flex;flex-direction:column;gap:10px;padding:clamp(16px,2.4vw,28px);background:#F6E8E4;border-radius:20px;font-size:17px;line-height:1.6}
.appel{align-items:flex-start}
.boutons{display:flex;flex-wrap:wrap;gap:12px}
.glossaire{padding-top:28px;border-top:1px solid #EEDFDC}
.mention{font-size:14px;color:#6B5A5E}
main>h1{margin-bottom:8px}
main>section{display:flex;flex-direction:column;gap:10px;margin-top:40px}
main>.bouton-secondaire{align-self:flex-start;margin-top:40px}
.pied{border-top:1px solid #EEDFDC}
.contenu .echelle-legende{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,.275fr));max-width:none;font-size:13px;text-align:center;color:#6B5A5E}
.echelle-legende::before{content:""}
.resultats dl{margin:0;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch}
.resultats dt,.resultats dd{padding:14px 0 16px;border-bottom:1px solid #EEDFDC}
.resultats dt{font-weight:700;padding-right:20px}
.role{font-weight:400;margin-top:3px;font-size:16px;line-height:1.45;color:#6B5A5E}
.resultats dd{position:relative;margin:0;padding-top:30px;font-size:15px;font-weight:700;text-align:right;color:var(--c)}
.resultats dd::before{content:"";position:absolute;top:14px;left:0;right:0;height:10px;border-radius:5px;background:linear-gradient(90deg,#EADBD6 0 calc(25% - 2px),#fff 0 calc(25% + 1px),#CFE3D2 0 calc(50% - 2px),#fff 0 calc(50% + 1px),#EBC9CF 0 calc(75% - 2px),#fff 0 calc(75% + 1px),#D99AA6 0)}
.resultats dd::after{content:"";position:absolute;top:10px;left:var(--x);width:18px;height:18px;margin-left:-9px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 1px var(--c);box-sizing:border-box}
.bas{--c:#8A5A12;--x:12.5%}.normal{--c:#3E7A50;--x:37.5%}.eleve{--c:#9A3656;--x:62.5%}.tres-eleve{--c:#7A1F3D;--x:87.5%}
.glossaire dl{margin:0;font-size:16px;line-height:1.55}
.glossaire dt{display:inline;font-weight:700;color:#7A1F3D}
.glossaire dd{display:inline;margin:0}
.glossaire dd::after{content:"";display:block;margin-bottom:8px}