.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--r-4, 1rem);list-style:none;padding:0;margin:0 0 var(--r-7, 2.25rem)}.carte{display:flex;flex-direction:column;background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb,var(--encre) 8%,transparent);border:1px solid var(--bord);border-left:4px solid var(--carte-teinte, var(--marque));border-radius:var(--rayon-sm, 6px);padding:var(--r-4, 1rem)}.carte__tete{display:flex;align-items:baseline;justify-content:space-between;gap:var(--r-2, .5rem);margin-bottom:var(--r-3, .75rem)}.carte__titre{margin:0;font-size:var(--t-xl, 1.375rem);font-weight:700;color:var(--carte-teinte, var(--marque))}.carte__mention{margin:0;font-size:var(--t-xs, .75rem);text-transform:uppercase;letter-spacing:.04em;color:var(--encre-faible)}.carte__liens{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:.15rem}.carte__lien{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2rem;padding:.35rem .5rem;margin:0 -.5rem;border-radius:var(--rayon-xs, 4px);font-size:var(--t-sm, .9rem);color:var(--encre-douce);text-decoration:none;transition:background var(--transition, .15s ease),color var(--transition, .15s ease)}.carte__libelle{flex:1 1 auto}.carte__lien:after{content:"›";flex:none;font-size:1.1em;line-height:1;color:var(--carte-teinte, var(--marque));opacity:.55;transform:translate(0);transition:transform var(--transition, .15s ease),opacity var(--transition, .15s ease)}.carte__lien:hover,.carte__lien:focus-visible{background:color-mix(in srgb,var(--carte-teinte, var(--marque)) 10%,transparent);color:var(--encre);text-decoration:none}.carte__lien:hover:after,.carte__lien:focus-visible:after{transform:translate(.2rem);opacity:1}.carte__lien--fort{margin-bottom:.35rem;padding:.5rem .75rem;background:var(--carte-teinte, var(--marque));color:var(--marque-sur, #fff);font-weight:700}.carte__lien--fort:after{color:currentColor;opacity:.8}.carte__lien--fort:hover,.carte__lien--fort:focus-visible{background:color-mix(in srgb,var(--encre) 30%,var(--carte-teinte, var(--marque)));color:var(--marque-sur, #fff)}@media(prefers-reduced-motion:reduce){.carte__lien,.carte__lien:after{transition:none}.carte__lien:hover:after{transform:none}}