/* ======================
   1. Titres de catégorie
   ====================== */
.pn-category {
  display: flex;
  align-items: center;    /* ⚡️ alignement vertical centré */
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 1.4em;
  color: #EC9600;
}

/* Icônes dans les titres */
.pn-category img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 1px
  /* plus besoin de vertical-align ici grâce à flex + align-items */
}

/* ======================
   2. Listes d’items
   ====================== */
.pn-list {
  list-style: none;
  padding-left: 0;
  margin-top: 8px;       /* espace entre titre et liste */
  margin-bottom: 30px;   /* distance sous la liste */
}

.pn-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  line-height: 1.6;
  color: #ddd;
}

/* On réutilise l’icône de la catégorie comme puce */
.pn-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Puces selon la catégorie */
.pn-category + .pn-list li::before {
  /* par défaut, prendra l’icône de la première catégorie sur la page */
}

/* Pour forcer une icône différente, on peut ajouter une classe sur ul :
   <ul class="pn-list pn-adds">, <ul class="pn-list pn-dels">, <ul class="pn-list pn-fixes"> */
.pn-list.pn-adds li::before   { background-image: url('/assets/icons/add.png'); }
.pn-list.pn-dels li::before   { background-image: url('/assets/icons/del.png'); }
.pn-list.pn-fixes li::before  { background-image: url('/assets/icons/fix.png'); }

/* ======================
   3. Bannière
   ====================== */
.article-banner {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 30px;
}

/* ======================
   4. Article wrapper
   ====================== */
.article-section {
  max-width: 800px;
  margin: 100px auto;      /* au lieu de 60px, on remonte de 20px */
  padding: 0 20px;
  background: #1e1e1e;
  color: #eee;
}