/* /contenu-reseaux — mise en page uniquement. Aucun arrondi, aucune ombre. */
.res-head > .label { display: block; }
.res-head > .h2 { margin-top: 16px; max-width: 13em; }
.res-text { margin-top: 22px; max-width: 34em; font-size: var(--fs-body); line-height: 1.5; color: var(--graphite); }
.on-encre .res-text { color: var(--cendre); }
.res-link { margin-top: 18px; }
.res-split { align-items: center; row-gap: 40px; }
.res-split__media .frame { max-width: 480px; margin-left: auto; }
.res-mois .features { margin-top: 36px; grid-template-columns: minmax(0, 1fr); }
@media (max-width: 899px) { .res-split__media .frame { margin-left: 0; } }

.res-cols { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g); border-top: 2px solid var(--encre); }
.res-col { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 28px 0 8px; }
.res-col > img { width: 32px; height: 32px; }
.res-col__text { max-width: 26em; line-height: 1.5; }
@media (max-width: 900px) {
  .res-cols { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .res-col { padding: 22px 0; border-bottom: 1px solid var(--trait); }
}

.res-cadre .grid-12 { align-items: start; row-gap: 28px; }
.res-ruled > li { font-size: var(--fs-body); line-height: 1.5; }

.res-posts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 8px; }
.res-stories { display: grid; grid-template-columns: repeat(2, minmax(0, 240px)) minmax(0, 1fr); gap: 20px; align-items: end; margin-top: 20px; }
.res-stories__note { color: var(--cendre); max-width: 30em; }
@media (max-width: 600px) {
  .res-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .res-stories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .res-stories__note { grid-column: 1 / -1; }
}
.res-tournage { margin-top: 20px; }