/* =============================================================
   Rapports d'activité — styles spécifiques.
   ----------------------------------------------------------------
   Liste verticale des bilans annuels. Chaque ligne :
     - à gauche : année en gros serif + sous-titre + meta (taille, PDF)
     - à droite : actions (Consulter dans le navigateur, Télécharger)
   Séparées par des filets fins. Ordre antéchronologique.
   ============================================================= */

.rapports-list {
  display: flex; flex-direction: column;
  list-style: none;
  padding: 0; margin: 0;
}

.rapport-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(20px, 4vw, 64px);
  align-items: center;
  padding: clamp(28px, 4vw, 48px) 0;
  border-top: 1px solid var(--rule);
}
.rapport-item:last-child {
  border-bottom: 1px solid var(--rule);
}

/* Bloc info à gauche : année + titre + meta */
.rapport-info {
  display: flex; flex-direction: column;
  gap: 6px;
}
.rapport-year {
  font-family: var(--serif); font-style: italic; font-weight: 300;
  font-size: clamp(40px, 5.5vw, 72px);
  line-height: 1;
  color: var(--marine);
  letter-spacing: -0.025em;
  font-variation-settings: 'opsz' 144;
}
.rapport-title {
  font-family: var(--sans); font-size: 12px; font-weight: 500;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--stone-700);
  margin-top: 4px;
}
.rapport-meta {
  font-family: var(--mono); font-size: 11px;
  color: var(--stone-500);
  letter-spacing: 0.04em;
}

/* Actions à droite : 2 boutons sm */
.rapport-actions {
  display: flex; gap: 12px; flex-wrap: wrap;
  align-items: center;
}

/* Petit pictogramme dans le bouton télécharger */
.btn-download::after {
  content: "↓";
  margin-left: 6px;
  font-family: var(--serif);
  font-style: normal;
}

/* Responsive : les actions passent sous l'info sur petits écrans */
@media (max-width: 640px) {
  .rapport-item {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .rapport-actions {
    justify-content: flex-start;
  }
  .rapport-year {
    font-size: clamp(36px, 11vw, 56px);
  }
}