/* Habillage commun des pages du blog : même rythme et même palette que le site. */
body.blog-page {
  overflow-x: hidden;
  color: var(--ldj-ink, #302d29);
}

body.blog-page main {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

body.blog-page h1 {
  font-size: clamp(1.8rem, 3.2vw, 2.45rem) !important;
  line-height: 1.2 !important;
}

body.blog-page h2 {
  font-size: clamp(1.3rem, 2.2vw, 1.8rem) !important;
  line-height: 1.35 !important;
}

body.blog-page h3 {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}

body.blog-page p,
body.blog-page li {
  line-height: 1.75;
}

/* Les liens intégrés aux textes restent lisibles et cohérents avec l'accueil. */
body.blog-page main a:not(.btn):not(.journey-primary):not(.nav-link):not(.ldj-nav-option) {
  color: inherit !important;
  font-weight: 700;
  text-decoration: none;
}

body.blog-page main a:not(.btn):not(.journey-primary):not(.nav-link):not(.ldj-nav-option):hover {
  color: var(--ldj-primary, #9a7540) !important;
  text-decoration: underline;
}

body.blog-page footer {
  width: 100% !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

body.blog-page .post-card,
body.blog-page article {
  box-sizing: border-box;
}