/* --center-gutter is registered non-inheriting, so it must be set ON the
   .center itself; a nested center keeps its own default (--gutter).
   syntax "*" with no initial value, so var() falls back when it is unset. */
@property --center-gutter {
  syntax: "*";
  inherits: false;
}

.center {
  box-sizing: content-box;
  margin-inline: auto;
  max-inline-size: var(--measure);
  padding-inline: var(--center-gutter, var(--gutter));
}