/* Centre ce module dans la page hôte, sans toucher au body */
.page{
  max-width: 900px;     /* ou 1200/1400 selon ton design global */
  margin-left: auto;
  margin-right: auto;
  padding:
    calc(var(--header-height, 72px) + clamp(44px, 6vw, 72px))
    clamp(20px, 4vw, 36px)
    clamp(72px, 10vw, 112px);
  margin-inline: auto;  /* équivalent left/right auto */
  justify-self: center; /* si parent = grid */
  align-self: center;   /* si parent = flex */
}

.intro{
  margin:0 0 26px;
  font-size:18px;
  line-height:1.45;
}

.markdown-content{
  font-size:17px;
  line-height:1.65;
  color:#222;
}

.page-markdown-title{
  font-size:34px;
  line-height:1.2;
  margin:0 0 22px;
  color:#111;
}

.markdown-content h1{
  font-size:34px;
  margin-bottom:22px;
}

.markdown-content h2{
  font-size:24px;
  margin-top:28px;
  margin-bottom:14px;
}

.markdown-content p{
  margin-bottom:14px;
}

.markdown-content ul,
.markdown-content ol{
  margin: 0 0 18px 1.4em;
  padding-left: 1.2em;
}

.markdown-content ul{
  list-style: disc;
}

.markdown-content ol{
  list-style: decimal;
}

.markdown-content li{
  display: list-item;
  margin-bottom: 8px;
}

.markdown-content strong{
  font-weight:600;
}