/**
 * Pages interieures : mentions legales, politique de confidentialite.
 *
 * Le contenu vient de l'editeur WordPress, sans classe utilitaire. Or le
 * preflight Tailwind, confine a .an-page, remet a zero titres, listes et
 * tableaux, et impose la pile sans-serif systeme. Cette feuille redonne au
 * texte la typographie de la maquette, en reprenant ses tokens au litteral :
 * Playfair Display pour les titres, Plus Jakarta Sans pour le texte, #0f001d
 * (primary) et #4b444e (on-surface-variant) pour les couleurs.
 *
 * Les familles sont declarees en toutes lettres : sans classe font-body-md,
 * un element du contenu retomberait sur le sans-serif du systeme.
 *
 * @package AN_Agence
 */

.an-prose {
  padding: 4rem 0 5rem;
}

.an-prose__inner {
  max-width: 48rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: #4b444e;
}

.an-prose__title {
  margin: 0 0 2rem;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-size: 1.75rem;
  line-height: 2.25rem;
  letter-spacing: -0.01em;
  font-weight: 600;
  color: #0f001d;
}

/* Titres du contenu. Les tailles suivent l'echelle de la maquette :
   headline-md pour les h2, title-lg pour les h3. */
.an-prose__body h2 {
  margin: 2.75rem 0 1rem;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  color: #0f001d;
}

.an-prose__body h3 {
  margin: 2rem 0 0.75rem;
  font-size: 1.1875rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #0f001d;
}

.an-prose__body h4 {
  margin: 1.5rem 0 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #0f001d;
}

.an-prose__body p {
  margin: 0 0 1.125rem;
  font-size: 1rem;
  line-height: 1.75;
}

.an-prose__body strong,
.an-prose__body b {
  font-weight: 600;
  color: #1e1b19;
}

.an-prose__body em,
.an-prose__body i {
  font-style: italic;
}

/* Le preflight supprime puces et retraits : on les retablit. */
.an-prose__body ul,
.an-prose__body ol {
  margin: 0 0 1.125rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 1.75;
}

.an-prose__body ul {
  list-style: disc;
}

.an-prose__body ol {
  list-style: decimal;
}

.an-prose__body li {
  margin-bottom: 0.375rem;
}

.an-prose__body li::marker {
  color: #7c5800;
}

.an-prose__body a {
  color: #7c5800;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 0.2s ease;
}

.an-prose__body a:hover {
  color: #0f001d;
}

.an-prose__title:focus-visible,
.an-prose__body a:focus-visible {
  outline: 2px solid #7c5800;
  outline-offset: 3px;
}

.an-prose__body hr {
  margin: 2.5rem 0;
  border: 0;
  border-top: 1px solid #cec3cf;
}

.an-prose__body blockquote {
  margin: 0 0 1.125rem;
  padding-left: 1.25rem;
  border-left: 3px solid #cec3cf;
  color: #4b444e;
}

/* Tableaux : le preflight ne laisse que la fusion des bordures. Le conteneur
   defile horizontalement plutot que de deborder sur un telephone. */
.an-prose__body figure {
  margin: 0 0 1.5rem;
  overflow-x: auto;
}

.an-prose__body table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.an-prose__body th,
.an-prose__body td {
  padding: 0.75rem 1rem;
  border: 1px solid #cec3cf;
  text-align: left;
  vertical-align: top;
}

.an-prose__body th {
  background-color: #f4ece8;
  font-weight: 600;
  color: #1e1b19;
}

.an-prose__body img {
  max-width: 100%;
  height: auto;
}

.an-prose__body > :last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .an-prose {
    padding: 5.5rem 0 7rem;
  }

  .an-prose__title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    letter-spacing: -0.015em;
  }

  .an-prose__body h2 {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
}