/* =========================================================================
   NOURRIR by Pencil – cartes de contenus (projets…), d'après docs/maquettes/accueil.html
   Chargée sur les pages qui affichent des cartes (accueil, puis listes au lot e).
   ========================================================================= */

/* ====== En-tête de section avec lien à droite ====== */
.nr-entete-section{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:var(--nr-e-12)}
.nr-entete-section h2{margin:0}

/* ====== Carte projet ====== */
.nr-projet{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.nr-projet:hover{color:inherit}
.nr-projet__image{position:relative;aspect-ratio:4/3;border-radius:var(--nr-rayon-s);overflow:hidden;background:var(--nr-trait)}
.nr-projet__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--nr-duree-3) var(--nr-ease)}
.nr-projet:hover .nr-projet__image img{transform:scale(1.05)}
.nr-statut{position:absolute;top:var(--nr-e-3);left:var(--nr-e-3);font:600 var(--nr-fs-petit)/1.2 var(--nr-titres);padding:var(--nr-e-1) var(--nr-e-3);border-radius:100px;background:var(--nr-fond);color:var(--nr-nuit)}
.nr-statut--cours{background:var(--nr-vert-fonce);color:#fff}
.nr-projet__titre{margin:var(--nr-e-4) 0 var(--nr-e-2);color:var(--nr-nuit);transition:color var(--nr-duree-1) var(--nr-ease)}
.nr-projet:hover .nr-projet__titre{color:var(--nr-bleu)}
.nr-projet__meta{font:600 var(--nr-fs-petit)/1.4 var(--nr-titres);color:var(--nr-texte-2);margin-bottom:var(--nr-e-4)}
.nr-tags{display:flex;flex-wrap:wrap;gap:var(--nr-e-2)}
.nr-tags span{font:600 var(--nr-fs-petit)/1.2 var(--nr-titres);color:var(--nr-nuit);background:var(--nr-fond);border-radius:100px;padding:var(--nr-e-1) var(--nr-e-3)}
.nr-tags .nr-tags__pilier{background:var(--nr-bleu);color:#fff}

/* ====== Carte actualité ====== */
.nr-actu{background:var(--nr-fond);border-radius:var(--nr-rayon-s);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--nr-duree-2) var(--nr-ease-ressort)}
.nr-actu:hover{transform:translateY(-4px)}
.nr-actu__image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--nr-trait)}
.nr-actu__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--nr-duree-3) var(--nr-ease)}
.nr-actu:hover .nr-actu__image img{transform:scale(1.05)}
.nr-actu__corps{display:flex;flex-direction:column;flex:1}
.nr-actu__date{font:400 var(--nr-fs-petit)/1.2 var(--nr-titres);color:var(--nr-texte-2);margin-bottom:var(--nr-e-3);display:block}
.nr-actu__titre{line-height:1.2;text-transform:none}
.nr-actu__titre a{color:var(--nr-nuit);text-decoration:none}
.nr-actu__titre a:hover{color:var(--nr-bleu)}
.nr-actu__extrait{font-size:var(--nr-fs-texte);color:var(--nr-texte-2);flex:1;margin-bottom:var(--nr-e-6)}
.nr-actu__corps .pencil-managed-region{display:flex;flex-direction:column;flex:1}

/* ====== Pagination des listes ====== */
.nr-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--nr-e-2);margin-top:var(--nr-e-12)}
.nr-pages a,.nr-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 var(--nr-e-4);border-radius:100px;font:600 var(--nr-fs-texte)/1 var(--nr-titres);text-decoration:none;color:var(--nr-nuit);background:var(--nr-fond)}
.nr-pages .current{background:var(--nr-bleu);color:#fff}
.nr-pages a:hover{background:var(--nr-creme-2)}

/* Grilles de cartes : une carte ne dépasse pas la largeur d'une colonne, même seule sur sa ligne
   (exception documentée au « grow » des règles § 1.1, qui étirerait une carte isolée sur toute la largeur). */
@media(min-width:1025px){.nr-projets>*,.nr-actus>*{max-width:calc((100% - 2 * var(--nr-gouttiere)) / 3)}}
@media(min-width:768px) and (max-width:1024px){.nr-projets>*,.nr-actus>*{max-width:calc((100% - var(--nr-gouttiere)) / 2)}}

/* ====== Carte offre d'emploi / appel d'offres (lot f) ====== */
.nr-annonces{padding-top:var(--nr-pad-m);scroll-margin-top:24px}
.nr-annonces>h2{margin-bottom:var(--nr-e-6)}
.nr-annonces__liste{--nr-gouttiere:var(--nr-e-8)}
.nr-annonce{position:relative;display:flex;flex-direction:column;gap:var(--nr-e-4);background:var(--nr-fond);border-radius:var(--nr-rayon-s)}
.nr-annonce--cloturee{background:var(--nr-creme-2)}
.nr-annonce .nr-etat{align-self:flex-start}
.nr-annonce__titre{margin:0;line-height:1.2}
.nr-annonce__titre a{color:var(--nr-bleu);text-decoration:none}
.nr-annonce__titre a:hover{color:var(--nr-nuit)}
.nr-annonce--cloturee .nr-annonce__titre a{color:var(--nr-texte-2)}
.nr-annonce__infos{display:flex;flex-wrap:wrap;gap:var(--nr-e-2) var(--nr-e-6);margin:0}
.nr-annonce__infos dt{font:700 var(--nr-fs-petit)/1.2 var(--nr-titres);text-transform:uppercase;letter-spacing:.08em;color:var(--nr-vert-fonce)}
.nr-annonce__infos dd{margin:2px 0 0;font:600 var(--nr-fs-texte)/1.4 var(--nr-titres);color:var(--nr-nuit)}
.nr-annonce__extrait{margin:0;color:var(--nr-texte-2);flex:1}
.nr-annonce__liens{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nr-e-3) var(--nr-e-8);margin-top:var(--nr-e-2)}
.nr-telecharger{display:inline-flex;align-items:center;gap:var(--nr-e-2);min-height:44px;font:600 var(--nr-fs-texte)/1.2 var(--nr-titres);color:var(--nr-bleu);text-decoration:none}
.nr-telecharger::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("../svg/document.svg") center/contain no-repeat;mask:url("../svg/document.svg") center/contain no-repeat}
.nr-telecharger:hover{color:var(--nr-vert-fonce)}
@media(min-width:1025px){.nr-annonces__liste>*{max-width:calc((100% - var(--nr-gouttiere)) / 2)}}

/* ====== Carte rapport (lot f) ====== */
.nr-rapport{display:flex;flex-direction:column;gap:var(--nr-e-6)}
.nr-rapport .nr-rapport__couverture{display:block}
.nr-rapport__corps{display:flex;flex-direction:column;flex:1}
.nr-rapport__corps .pencil-managed-region{display:flex;flex-direction:column;flex:1}
.nr-rapport .nr-actu__titre{margin-bottom:var(--nr-e-2)}
@media(min-width:1025px){.nr-rapports>*{max-width:calc((100% - 3 * var(--nr-gouttiere)) / 4)}}
@media(max-width:1024px){.nr-rapports.nr-ligne--4{--nr-base:35%}.nr-rapports>*{max-width:calc((100% - var(--nr-gouttiere)) / 2)}}
@media(max-width:480px){ /* une colonne, couverture à gauche du texte */
  .nr-rapports.nr-ligne--4{--nr-base:100%}.nr-rapports>*{max-width:none}
  .nr-rapport{flex-direction:row;gap:16px}.nr-rapport>:first-child{flex:0 0 36%}
}