.cartes{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:22px;padding:0;list-style:none;counter-reset:c}.cartes:has(>:nth-child(2):last-child){--n:2}.cartes:has(>:nth-child(4):last-child){--n:4}.cartes>li{position:relative;max-width:none;padding:20px;background:var(--surface);border-radius:var(--rayon-carte);box-shadow:var(--ombre-vignette);counter-increment:c}.cartes>li>strong{display:block;margin-bottom:4px}.cartes>li>b{display:block;margin-bottom:6px;font:600 24px/1.15 var(--titre);color:var(--accent)}.cartes-num>li{padding-top:62px}.cartes-num>li:before{content:counter(c);position:absolute;top:20px;left:20px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--surface);font-weight:800}.cartes img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:14px;border-radius:12px}.cartes>.c-vert{background:var(--accent-voile);box-shadow:none}.cartes>.c-bleu{background:var(--bleu-voile);box-shadow:none}.cartes>.c-vert>strong{color:var(--accent-fonce)}.cartes>.c-bleu>b,.cartes>.c-bleu>strong{color:var(--bleu-fonce)}.cartes-num>.c-bleu:before{background:var(--bleu)}.cartes>li>ul,.encadre>ul{margin:8px 0 0;padding:0;list-style:none}.cartes>li>ul>li,.encadre>ul>li{position:relative;max-width:none;margin-top:6px;padding-left:20px}.cartes>li>ul>li:before,.encadre>ul>li:before{content:"";position:absolute;top:.62em;left:3px;width:7px;height:7px;border-radius:50%;background:var(--accent-vif)}.cartes>.c-bleu>ul>li:before,.encadre:not(.encadre-vert)>ul>li:before{background:var(--bleu)}.chapeau{margin-top:14px;max-width:40ch;font:500 clamp(20px,1.8vw,24px)/1.4 var(--titre);color:var(--encre)}.chapeau strong{color:var(--accent)}.encadre{margin-top:20px;padding:18px 22px;border-radius:var(--rayon-carte);background:var(--bleu-voile);color:var(--encre-douce)}.encadre-vert{background:var(--accent-voile)}.cartes>li>p,.encadre>*+p{margin-top:8px}@media (max-width:1040px){.cartes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.cartes{grid-template-columns:1fr}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.cartes img,.cartes-num>li:before,.cartes>li{transition:.18s}.cartes>li:hover{transform:translateY(-3px);box-shadow:var(--ombre-vignette-active)}.cartes>.c-bleu:hover{box-shadow:var(--ombre-bleue)}.cartes-num>li:hover:before{transform:scale(1.14)}.cartes>li:hover>b{color:var(--accent-fonce)}.cartes>li:hover img{filter:saturate(1.15)}}