/* Maximum space for text block */
.md-grid {
    max-width: 100%; /* or 100%, if you want to stretch to full-width */
  }

/* Make logo visible */
@media screen and (max-width: 76.1875em) {
  .md-header__button.md-logo {
    display: block;
  }
}

label[for="__drawer"].md-header__button.md-icon {
  order: -1;
}

[dir="ltr"] .md-header__title {
  margin-left: .1rem;
}

.md-main__inner{
  height: fit-content;
  margin: 0;
}

:root  > * {
  --md-primary-fg-color:        #6a51a4;
  --md-primary-fg-color--light: #9577da;
  --md-primary-fg-color--dark:  #5e36bb;
}