/* Compléments propres à WordPress : contenu saisi dans l'éditeur, pagination. */

.page-body { margin-inline: auto; }
.prose > :first-child { margin-top: 0; }
.prose p, .prose ul, .prose ol { margin: 0 0 1em; }
.prose h2 { font-size: var(--step-2); margin: 3rem 0 1.1rem; }
.prose h3 { font-size: var(--step-1); margin: 2rem 0 0.6rem; }
.prose a { color: var(--red); }
.prose img { height: auto; }
.prose figure { margin: 2rem 0; }
.prose figcaption,
.prose .wp-element-caption { margin-top: 0.6rem; font-size: var(--step--1); color: var(--ink-soft); }
.prose blockquote {
  margin: 2rem 0;
  padding-left: 1.25rem;
  border-left: 1px solid var(--line);
  font-size: var(--step-1);
}
.prose .alignwide, .prose .alignfull { width: 100%; }

.cover-empty {
  display: block;
  width: 5.5rem;
  aspect-ratio: 400 / 566;
  background: var(--mist);
  outline: 1px solid var(--line);
}

.pager { margin-top: 3rem; }
.pager .nav-links { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.pager .page-numbers {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.9rem;
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  color: var(--ink);
  font-weight: 700;
  text-decoration: none;
}
.pager .page-numbers.current { background: var(--ink); color: var(--white); }

/* Barre d'administration (connecté) : l'en-tête flottant passe dessous. */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Liste « Chronologie » (style de bloc) : même rendu que la chronologie du site statique. */
.prose ul.is-style-chronologie {
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
  border-left: 2px solid var(--line);
}
.prose ul.is-style-chronologie > li {
  position: relative;
  padding: 0 0 1.75rem 1.5rem;
  color: var(--ink-soft);
}
.prose ul.is-style-chronologie > li::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 0.45rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid var(--ink);
}
.prose ul.is-style-chronologie > li strong { display: block; color: var(--ink); }
.prose .wp-block-image { margin: 2rem 0; }
.prose .wp-block-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

/* Lien « text-link » saisi dans l'éditeur : flèche dessinée en CSS (pas de SVG possible dans le contenu). */
.prose a.text-link { text-decoration: none; }
.prose a.text-link:hover { text-decoration: underline; }
.prose a.text-link::after {
  content: "";
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("../img/fleche.svg") center / contain no-repeat;
  mask: url("../img/fleche.svg") center / contain no-repeat;
}