/* ==========================================================================
   TADAGBÉ — Bibliothèque de ressources (ressources.html)
   Lignes plutôt que cartes : on parcourt une bibliothèque, on ne la
   contemple pas. Prolonge annuaire.css (recherche) et opportunites.css.
   ========================================================================== */

.rsc-grid{display:grid;gap:12px}

.rsc{display:flex;gap:18px;align-items:flex-start;background:#fff;
  border:1px solid var(--bord);border-radius:var(--r-lg);padding:18px 20px;
  transition:transform .35s var(--ease),box-shadow .35s}
.rsc:hover{transform:translateX(3px);box-shadow:var(--ombre)}
.rsc.is-attente{background:#FCFCFC}

.rsc__ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:#EAF3E8;color:var(--vert-fonce)}
.rsc.is-attente .rsc__ic{background:var(--gris-2);color:var(--texte-3)}

.rsc__corps{flex:1;min-width:0}
.rsc__cat{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--texte-3);margin-bottom:6px}
.rsc__corps h3{font-size:15.5px;line-height:1.3}
.rsc__corps p{font-size:12.8px;line-height:1.65;color:var(--texte-2);margin-top:7px;
  max-width:80ch}

.rsc__meta{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0}
.rsc__meta li{font-size:11.4px;color:var(--texte-3);padding:0 12px;
  border-right:1px solid var(--bord)}
.rsc__meta li:first-child{padding-left:0}
.rsc__meta li:last-child{border-right:0}
.rsc__meta b{font-weight:800;color:var(--texte-2);letter-spacing:.03em}

.rsc__act{flex:none;padding-top:2px}
.rsc__attente{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;
  color:#8A5A0B;background:#FDF2DC;border-radius:20px;padding:7px 13px;white-space:nowrap}

/* L'avis unique en tête de liste, quand aucun fichier n'est encore déposé. */
.rsc-avis{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.65;
  color:#7A5A16;background:#FDF6E6;border:1px solid #EFE0BC;border-radius:var(--r);
  padding:13px 15px;margin-bottom:6px}
.rsc-avis svg{flex:none;margin-top:2px}

@media(max-width:720px){
  .rsc{flex-wrap:wrap}
  .rsc__act{width:100%}
  .rsc__act .btn,.rsc__attente{width:100%;justify-content:center;text-align:center}
  .rsc__meta li{padding:0 10px 0 0;border-right:0}
}