/* ── HTML / Embed ── */
.html-embed {
  padding-block: 2.5rem;
}

.html-embed > .container {
  max-width: calc(100% - 2.5rem);
  margin: 0 auto;
}

@media ( min-width: 48rem ) {

  .html-embed {
    padding-block: 5rem;
  }

  .html-embed > .container {
    max-width: var( --container-max-width );
  }
}

/* Full width: span the entire section width instead of the container */
.html-embed--full-width > .container {
  max-width: none;
  margin-inline: 0;
}

/* First section on the page: no top padding */
.html-embed--first {
  padding-block-start: 0;
}