.custom-html {
  width: 100%;
}

.custom-html__inner {
  width: min(var(--page-width, 1200px), calc(100% - 40px));
  margin-inline: auto;
}

.custom-html--full-width .custom-html__inner {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.custom-html__inner > :first-child {
  margin-top: 0;
}

.custom-html__inner > :last-child {
  margin-bottom: 0;
}

@media (max-width: 749px) {
  .custom-html__inner {
    width: min(var(--page-width, 1200px), calc(100% - 24px));
  }

  .custom-html--full-width .custom-html__inner {
    width: 100%;
  }
}