.md-grid {
  max-width: 90%; /* or 100%, if you want to stretch to full-width */
}


/* Wallpaper */

.mdx-container {
  padding-top: px2rem(20px);
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>") no-repeat bottom,
    linear-gradient(
      to bottom,
      var(--md-primary-fg-color),
      hsla(280, 67%, 55%, 1) 99%,
      var(--md-default-bg-color) 99%
    );

  [data-md-color-scheme="slate"] & {
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(230, 15%, 14%, 1)' /></svg>") no-repeat bottom, 
      linear-gradient(
        to bottom,
        var(--md-primary-fg-color),
        hsla(230, 15%, 25%, 1) 99%,
        var(--md-default-bg-color) 99%
      );
  }
}

.mdx-wallpaper {
  margin: 0 px2rem(16px);
  color: rgb(40, 36, 43);
  [data-md-color-scheme="slate"] & {
    color: var(--md-primary-bg-color);
  }

  h1 {
    
    margin-bottom: px2rem(20px);
    font-weight: 700;
    color: currentcolor;
  }

  &__content {
    
    padding-bottom: px2rem(120px);
  }

  .md-button {
    margin-top: px2rem(10px);
    margin-right: px2rem(10px);

    color: rgb(40, 36, 43);

    [data-md-color-scheme="slate"] & {
      color: var(--md-primary-bg-color);
    }
    
    &:is(:focus, :hover) {
      color: var(--md-accent-bg-color);
      background-color: var(--md-accent-fg-color);
      border-color: var(--md-accent-fg-color);
    }

    &--primary {
      color: hsla(280, 37%, 48%, 1);
      background-color: var(--md-primary-bg-color);
      border-color: var(--md-primary-bg-color);
    }
  } 
}

.mdx-wallpaper__content {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: transparent !important; /* pas de fond */
  border: none !important;           /* aucun bord */
  box-shadow: none !important;       /* aucune ombre */
  padding: 0.75rem 1rem;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.15);
}

/* pour éviter que le contenu soit masqué */
.md-main__inner {
  padding-bottom: 80px !important; /* ajuste à la hauteur réelle du bloc */
}

form[data-md-component="palette"] .md-option {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.md-typeset table {
  margin-top: 0;
}