/* Professionnels est l'unique page sans filets : deux parcours lisibles, sans cadres. */
body.perret-page-professionnels .professional-gates {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(2.5rem,6vw,6rem);
  border:0!important;
  padding:0 0 5rem
}
body.perret-page-professionnels .professional-gates::before {
  content:"";
  position:absolute;
  top:0;
  bottom:5rem;
  left:50%;
  width:1px;
  background:var(--line);
  transform:translateX(-.5px)
}
body.perret-page-professionnels .professional-gates article,
body.perret-page-professionnels .professional-gates>article+article {
  min-width:0;
  padding:3.5rem 0!important;
  border:0!important
}
body.perret-page-professionnels .professional-gates .perret-prof-heading,
body.perret-page-professionnels .professional-gates .perret-prof-copy {
  border:0
}
body.perret-page-professionnels .professional-gates h2 {
  margin:0 0 1.35rem;
  padding:0;
  border:0;
  font:400 clamp(2.4rem,4vw,4rem)/1 Georgia,serif
}
body.perret-page-professionnels .professional-gates h2::before,
body.perret-page-professionnels .professional-gates h2::after {
  content:none;
  display:none
}
body.perret-page-professionnels .professional-gates p {
  line-height:1.65
}
body.perret-page-professionnels .professional-gates nav {
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin-top:2rem;
  align-items:flex-start
}
/* Sur les autres pages de texte, le séparateur appartient à la section entière,
   jamais au titre seul. */
body.perret-services-text-page .perret-text-section,
body.perret-page-services-editoriaux .perret-b2b-latest>.perret-text-section,
body.perret-page-a-propos .perret-house-section,
body.perret-page-ressources-pedagogiques .perret-house-section {
  border-top:1px solid var(--line)
}
body.perret-services-text-page .perret-text-section h2,
body.perret-page-services-editoriaux .perret-b2b-latest>.perret-text-section h2,
body.perret-page-a-propos .perret-house-section h2,
body.perret-page-ressources-pedagogiques .perret-house-section h2 {
  margin-top:0;
  padding-top:0;
  border:0
}
body.perret-services-text-page .perret-text-section h2::before,
body.perret-services-text-page .perret-text-section h2::after,
body.perret-page-services-editoriaux .perret-text-section h2::before,
body.perret-page-services-editoriaux .perret-text-section h2::after,
body.perret-page-ressources-professionnelles .perret-resources-professional-page h2::before,
body.perret-page-ressources-professionnelles .perret-resources-professional-page h2::after,
body.perret-page-ressources-professionnelles .perret-resources-professional-page h3::before,
body.perret-page-ressources-professionnelles .perret-resources-professional-page h3::after,
.perret-index-section h2::before,
.perret-index-section h2::after {
  content:none;
  display:none
}
/* Bouton-lien canonique, identique aux filtres validés du catalogue. */
body.perret-page-professionnels .professional-gates a.perret-prof-link,
body.perret-services-text-page a.perret-more-button,
body.perret-page-services-editoriaux a.perret-more-button,
body.perret-page-ressources-professionnelles .perret-resources-professional-page article a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:100%;
  margin:0;
  padding:.65rem .9rem;
  border:1px solid rgba(54,55,67,.21);
  border-radius:99px;
  background:transparent;
  color:#363743;
  font:400 1rem/1.2 Arial,sans-serif;
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  text-transform:none
}
body.perret-page-professionnels .professional-gates a.perret-prof-link:hover,
body.perret-page-professionnels .professional-gates a.perret-prof-link:focus-visible,
body.perret-services-text-page a.perret-more-button:hover,
body.perret-services-text-page a.perret-more-button:focus-visible,
body.perret-page-services-editoriaux a.perret-more-button:hover,
body.perret-page-services-editoriaux a.perret-more-button:focus-visible,
body.perret-page-ressources-professionnelles .perret-resources-professional-page article a:hover,
body.perret-page-ressources-professionnelles .perret-resources-professional-page article a:focus-visible,
.perret-index-actions a:hover,
.perret-index-actions a:focus-visible {
  border-color:#363743;
  background:#363743;
  color:#fff
}
body.perret-page-professionnels .professional-gates a.perret-prof-link::after,
body.perret-services-text-page a.perret-more-button::after,
body.perret-page-services-editoriaux a.perret-more-button::after,
body.perret-page-ressources-professionnelles .perret-resources-professional-page article a::after,
.perret-index-actions a::after {
  content:none;
  display:none
}

body.perret-page-ressources-pedagogiques .perret-ped-meta {
  color:#7c4d2d
}
@media(max-width:700px) {
  body.perret-page-professionnels .professional-gates {
    grid-template-columns:1fr;
    gap:0;
    padding-bottom:3rem
  }
  body.perret-page-professionnels .professional-gates::before {
    content:none
  }
  body.perret-page-professionnels .professional-gates article {
    padding:2.5rem 0!important
  }
}