/* styles pour l'impression */

@page { 
    margin: 1.5cm; /* marges du papier */
  }
  
  html, body {
    background: #fff;   /* fond blanc à l'impression */
    color: #000;        /* texte noir */
  }
  
  /* on garde seulement le contenu utile */
  header,
  nav,
  footer {
    display: none !important;
  }
  
  main {
    max-width: none;
    padding: 0;
    box-shadow: none;
  }
  
  /* cartes d'articles sans ombre/couleur */
  .articles-list article {
    box-shadow: none;
    border: 1px solid #ccc;
  }
  
  /* liens lisibles sur papier */
  a {
    color: #000;
    text-decoration: underline;
  }
  
  /* afficher l’URL après le lien (sauf ancres/mail) */
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.9em;
  }
  
  /* images propres à l'impression */
  img {
    max-width: 100%;
    height: auto;
  }
  
/* cacher le background lors de l'impression*/
  @media print {
    body {
      background: none !important;
    }
  }

  /* cacher la bannière à l'impression */
.banner {
  display: none !important;
}

/* corrige la coupure des images sur la droite à l'impression (Safari) */
.features-vertical {
  grid-template-columns: 1fr 1fr 1fr;  /* colonnes fixes à parts égales */
  gap: 10px;                            /* petit espacement régulier */
  page-break-inside: avoid;             /* évite les coupures dans la grille */
  margin-right: 0;
}

.feature-box {
  break-inside: avoid;                  /* empêche Safari de couper les images */
}