/* Positive Theme — page rubrique, archives et recherche. Porté de pages/categorie.dc.html. */

.pm-cat-hd { margin-top: 22px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: center }
.pm-cat-hd h1 { font-size: 82px; line-height: .92; margin: 0 0 18px; color: var(--pm-violet); text-shadow: 5px 5px 0 var(--pm-rose) }
.pm-cat-hd p { font: 400 17px/1.66 var(--pm-font-body); margin: 0; max-width: 58ch }
.pm-cat-hd .ill { width: 480px; flex: none; height: auto }
/* Rubriques illustrées par un personnage isolé (canard, masque, couple) :
   la largeur de la photo d'équipe les rendrait démesurés. */
.pm-cat-hd .ill--small { width: 300px }

/* La carte à la une déborde sur le bandeau suivant, comme sur la home. */
.pm-cat-lift { padding: 44px 0 56px }

.pm-cat-lift .feat .ph { min-height: 380px }
.pm-cat-lift .feat .txt { padding: 44px 40px }
.pm-cat-lift .feat .feat-title { font-size: 46px; line-height: .98; margin: 0 0 16px }
.pm-cat-lift .feat .feat-title a:hover { color: var(--pm-rose-pale) }


/* Grille « Tous les articles » : titres de carte en h2 (le h1 est la rubrique). */
.pm-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px }
.pm-cat-grid .lite .card-title { font-size: 21px }

.pm-empty { font: 500 17px/1.7 var(--pm-font-body); margin: 0 }

@media (max-width: 1180px) {
  .pm-cat-hd .ill { width: 360px }
  .pm-cat-hd .ill--small { width: 240px }
}
@media (max-width: 1000px) {
  .pm-cat-hd { grid-template-columns: 1fr; gap: 22px }
  .pm-cat-hd h1 { font-size: 50px }
  /* L'illustration passe au-dessus du titre. */
  .pm-cat-hd .ill { width: 340px; order: -1; margin: 0 auto }
  .pm-cat-hd .ill--small { width: 220px }
  .pm-cat-lift { padding: 30px 0 40px }
  .pm-cat-lift .feat .ph { min-height: 260px }
  .pm-cat-lift .feat .txt { padding: 30px 26px }
  .pm-cat-lift .feat .feat-title { font-size: 34px }
  .sec-hd { font-size: 34px }
  .pm-cat-grid { grid-template-columns: 1fr 1fr }
}
@media (max-width: 760px) {
  .pm-cat-grid { grid-template-columns: 1fr }
  .pm-cat-grid .lite .ph { height: 220px }
}
@media (max-width: 620px) {
  .pm-cat-hd h1 { font-size: 36px; text-shadow: 3px 3px 0 var(--pm-rose) }
  .pm-cat-hd .ill { width: 260px }
  .pm-cat-hd .ill--small { width: 180px }
  .sec-hd { font-size: 26px; gap: 12px }
  .sec-hd::after { height: 12px }
  .pm-cat-lift .feat .feat-title { font-size: 28px }
}