/* Référence mise en avant (.rf) - page d'une application (lot 4) et bloc Référence des pages (lot 5) : le chiffre ou
   le sigle, puis le titre, l'accroche et le lien vers la référence */
.rf{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,48px);
  background:#fff;border:1px solid var(--line);border-left:5px solid var(--sky);
  padding:clamp(26px,3.6vw,52px);align-items:start}
.rf__k{font-family:var(--ui);font-weight:800;font-size:clamp(2.4rem,5vw,4.2rem);
  letter-spacing:-.04em;line-height:.9;color:var(--blue)}
.rf__k small{display:block;font-family:var(--ui);font-weight:700;font-size:.72rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--mute);margin-top:12px}
.rf--sans-sigle .rf__k small{margin-top:0}
.rf__t{display:grid;gap:14px;justify-items:start}
.rf__t h2{font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.025em;max-width:26ch}
.rf__t p{max-width:60ch}

@media (max-width:640px){.rf{grid-template-columns:minmax(0,1fr)}}