/* ============================================================
   DCP — Ressources

   Une page d'aiguillage : trois listes depliables, motif partage
   .depliant-item de base.css. Cette feuille ne fait que caler les
   listes sur la laisse de lecture et habiller les deux paragraphes
   propres a une ressource : « Pour quoi et pour qui ? » et le lien.
   ============================================================ */

/* Les sections sont des cibles du menu : l'en-tete colle en haut de la
   page, un ancrage nu poserait le titre sous lui. */
#outils, #projet, #guides { scroll-margin-top: 5rem; }

/* La liste tient la laisse, comme les titres et intros de page.css :
   meme bord gauche, meme largeur bornee. */
.ressources {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--laisse-texte);
  margin-left: max(0px, calc((100% - var(--laisse-texte)) / 2));
}

/* Le nom de la ressource est un titre de liste, un cran au-dessus du
   motif courant. */
.ressource summary {
  font-size: 1.0625rem;
  padding-block: 0.75rem;
}

.ressource p { font-size: 0.9375rem; }

/* La question fait ressortir sa reponse du gris courant. */
.ressource-pourquoi strong {
  color: var(--text-primary);
  font-weight: 600;
}

.ressource-lien {
  font-weight: 600;
  margin-bottom: 1rem;
}

.ressource-lien a { color: var(--accent-gold-text); }
.ressource-lien a:hover { text-decoration: underline; }

.ressource-lien a:focus-visible {
  outline: 2px solid var(--accent-gold);
  outline-offset: 2px;
  border-radius: 3px;
}