.rcards{display:grid;gap:clamp(12px,1.6vw,18px);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));
  padding:clamp(14px,2.5vh,22px) 0 clamp(20px,4vh,34px)}
.rcard{position:relative;display:flex;flex-direction:column;gap:9px;
  background:var(--entete);border:1px solid var(--line);border-radius:var(--r12,12px);
  padding:16px 16px 14px;text-decoration:none;color:inherit;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rcard:hover{transform:translateY(-3px);border-color:var(--uc);
  box-shadow:0 18px 34px -26px rgba(0,0,0,.6)}
.rcard:focus-visible{outline:3px solid var(--uc);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.rcard{transition:none}.rcard:hover{transform:none}}

.rcard .rc-stk{display:flex}
.rcard .rc-stk i{width:clamp(44px,5.5vw,56px);aspect-ratio:1;border-radius:50%;
  background:var(--sc) center/cover;box-shadow:0 0 0 2px var(--entete);
  margin-left:-14px;transition:margin-left .18s ease}
.rcard .rc-stk i:first-child{margin-left:0}
.rcard:hover .rc-stk i{margin-left:-8px}
.rcard:hover .rc-stk i:first-child{margin-left:0}
.rcard .rc-idx{font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;margin-top:3px}
.rcard .rc-t{font-family:var(--f-titres),ui-serif,Georgia,serif;
  font-weight:var(--w-titres,700);font-size:var(--t-lg,17px);line-height:1.15;
  letter-spacing:-.01em;text-wrap:balance}

.rcard .rc-bar{display:flex;height:9px;border-radius:5px;overflow:hidden;margin-top:auto}
.rcard .rc-bar i{display:block}
.rcard .rc-noms{font-size:var(--t-xs,12px);color:var(--mute);line-height:1.45}

.rcard .rc-miss{font-size:var(--t-xs,12px);color:var(--mute);line-height:1.4;margin-top:-3px}
.rcard .rc-miss b{color:var(--ink)}

.rcard .rc-stk i.out{filter:grayscale(1);opacity:.42}
.rcard .rc-bar i.out{filter:grayscale(1) opacity(.5)}
.rcard .rc-go{font-size:var(--t-xs,12px);font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--uc);margin-top:4px}