.center {
  --_max-width: var(--center-max-width, 60ch);
  --_padding-inline: var(--center-padding, 1rem);
  box-sizing: content-box;
  max-inline-size: var(--_max-width);
  margin-inline: auto;
}


.center[data-layout="intrinsic"] {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.center:not([data-layout="intrinsic"]) {
  padding-inline-start: var(--_padding-inline);
  padding-inline-end: var(--_padding-inline);
}