.rep{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--e-48);align-items:start}
.rep-principal{position:sticky;top:calc(var(--h-entete) + var(--e-24));display:flex;flex-direction:column;gap:var(--e-24)}
.rep-video{border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre-panneau)}
.rep-video .video-play{width:84px;height:84px}
.rep h1{margin:0;font-size:var(--t-2xl);line-height:var(--i-serre);letter-spacing:var(--approche-titre)}
.rep-meta{display:flex;flex-wrap:wrap;gap:var(--e-8)}
.versions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--e-8);padding:var(--e-12) var(--e-16);border-radius:var(--r);background:var(--vert-clair);font-size:var(--t-s)}
.versions a{min-height:44px;padding:0 var(--e-12);display:inline-flex;align-items:center;border-radius:var(--r);background:var(--surface-claire);border:1px solid var(--vert-pastel);color:var(--vert-fonce);font-weight:700;text-decoration:none}
.versions [aria-current]{background:var(--vert);border-color:var(--vert);color:var(--surface-claire)}
.cta-projet{display:flex;align-items:center;justify-content:space-between;gap:var(--e-16);flex-wrap:wrap;padding:var(--e-24);border-radius:var(--r);background:var(--sable-clair);border:1px solid var(--gris-10)}
.cta-projet strong{display:block;font-size:var(--t-l)}
.rep-aside h2{margin:0 0 var(--e-16);font-size:var(--t-xl)}
.sims{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--e-8)}
.sim{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--e-16);align-items:center;padding:var(--e-8);border-radius:var(--r);text-decoration:none;color:var(--encre)}
.sim:hover{background:var(--surface-claire)}
.sim-vignette{position:relative;aspect-ratio:16/9;border-radius:var(--r);background:var(--vert-nuit);color:var(--sable);display:flex;align-items:center;justify-content:center}
.sim-vignette .tag-video{position:absolute;right:4px;bottom:4px;font-size:12px;padding:2px 6px}
.sim-texte{display:flex;flex-direction:column;gap:4px}
.sim-titre{font-weight:600;line-height:var(--i-ajuste)}
@media (max-width:900px){.rep{grid-template-columns:1fr}.rep-principal{position:static}}
@media (max-width:600px){.sim{grid-template-columns:112px minmax(0,1fr)}}