/* GENERATED by tools/acss-emulate.py from design/system/acss-settings.json.
   Do not edit. It stands in for the element and size class rules in the
   automatic.css that Automatic CSS 4.0.1 writes. */
html {
  font-size: var(--root-font-size) !important;
}
:where(body) {
  font-size: var(--text-m);
  overflow-x: clip;
  color: var(--text-color);
  font-family: var(--text-font-family);
  line-height: var(--text-line-height);
  font-weight: var(--text-font-weight);
  text-wrap: var(--text-text-wrap);
  background: var(--body-bg-color);
}
body p,
body :where(ul:not([class]), ol:not([class])) li {
  max-inline-size: var(--text-m-length, 50ch);
  width: 100%;
}
:where(p) {
  line-height: var(--text-line-height);
}
h1, :where(.h1),
h2, :where(.h2),
h3, :where(.h3),
h4, :where(.h4),
h5, :where(.h5),
h6, :where(.h6) {
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
  max-width: var(--heading-max-width);
  text-wrap: var(--heading-text-wrap);
}
h1, .h1 {
  font-size: var(--h1);
  font-family: var(--h1-font-family);
  font-weight: var(--h1-font-weight);
  max-width: var(--h1-max-width);
}
h2, .h2 {
  font-size: var(--h2);
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  max-width: var(--h2-max-width);
}
h3, .h3 {
  font-size: var(--h3);
}
h4, .h4 {
  font-size: var(--h4);
}
h5, .h5 {
  font-size: var(--h5);
}
h6, .h6 {
  font-size: var(--h6);
}
:is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs) {
  font-family: var(--text-font-family);
  line-height: var(--text-line-height);
  font-weight: var(--text-font-weight);
  text-wrap: var(--text-text-wrap);
}
.text--xxl {
  font-size: var(--text-xxl);
}
.text--xl {
  font-size: var(--text-xl);
}
.text--l {
  font-size: var(--text-l);
}
.text--m {
  font-size: var(--text-m);
}
.text--s {
  font-size: var(--text-s);
}
.text--xs {
  font-size: var(--text-xs);
}
:where(section:not(section section)) {
  display: flex;
  flex-direction: column;
  padding-block: var(--section-padding-block);
  padding-inline: var(--gutter);
}
:where(body > header) {
  padding-block: var(--space-xs);
  padding-inline: var(--gutter);
}
:where(body > footer) {
  padding-block: var(--section-padding-block);
  padding-inline: var(--gutter);
}
.section--xs {
  padding-block: var(--section-space-xs);
  padding-inline: var(--gutter);
}
.section--s {
  padding-block: var(--section-space-s);
  padding-inline: var(--gutter);
}
.section--m {
  padding-block: var(--section-space-m);
  padding-inline: var(--gutter);
}
.section--l {
  padding-block: var(--section-space-l);
  padding-inline: var(--gutter);
}
.section--xl {
  padding-block: var(--section-space-xl);
  padding-inline: var(--gutter);
}
.section--xxl {
  padding-block: var(--section-space-xxl);
  padding-inline: var(--gutter);
}
.section--none {
  padding-block: 0;
  padding-inline: var(--gutter);
}
body a:where(:not([class*="btn--"])) {
  color: var(--link-color);
  font-weight: var(--link-weight, inherit);
  text-decoration: var(--link-decoration);
  text-underline-offset: var(--link-underline-offset);
  text-decoration-thickness: var(--link-decoration-thickness);
  transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
body a:where(:not([class*="btn--"])):hover {
  color: var(--link-color-hover);
  text-decoration: var(--link-decoration-hover);
  text-decoration-thickness: var(--link-decoration-thickness);
}
}
.btn--primary {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--white);
  --btn-border-color: var(--btn-background);
  --btn-border-color-hover: var(--btn-background-hover);
  --focus-color: var(--base);
}
.btn--secondary {
  --btn-background: var(--secondary);
  --btn-background-hover: var(--secondary-hover);
  --btn-text-color: var(--text-dark);
  --btn-text-color-hover: var(--text-dark);
  --btn-border-color: oklch(from var(--text-dark) l c h / 0.5);
  --btn-border-color-hover: var(--text-dark);
  --focus-color: var(--base);
}
[class*="btn--"] {
  background: var(--btn-background);
  color: var(--btn-text-color);
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  inline-size: var(--btn-width, auto);
  min-inline-size: var(--btn-min-width);
  line-height: var(--btn-line-height);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size, var(--text-m));
  font-weight: var(--btn-font-weight);
  font-style: var(--btn-font-style);
  text-transform: var(--btn-text-transform);
  letter-spacing: var(--btn-letter-spacing);
  text-decoration: var(--btn-text-decoration);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-radius: var(--btn-border-radius);
  border-color: var(--btn-border-color);
  transition: var(--btn-transition, var(--transition));
  justify-content: var(--btn-justify-content, center);
  align-items: var(--btn-align-items, center);
  text-align: var(--btn-text-align, center);
  display: var(--btn-display, inline-flex);
}
@media (hover: hover) and (pointer: fine) {
[class*="btn--"]:hover {
  background: var(--btn-background-hover);
  color: var(--btn-text-color-hover);
  border-color: var(--btn-border-color-hover);
  text-decoration: var(--btn-text-decoration-hover);
}
}
[class*="btn--"]:where(:focus-visible) {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
.bg--ultra-light {
  background-color: var(--bg-ultra-light);
}
.bg--light {
  background-color: var(--bg-light);
}
.bg--dark {
  background-color: var(--bg-dark);
}
.bg--ultra-dark {
  background-color: var(--bg-ultra-dark);
}
form.wsf-form {
  --wsf-form-grid-gap: var(--space-s);
  --wsf-form-padding-horizontal: 0px;
  --wsf-form-padding-vertical: 0px;
  --wsf-form-font-family: var(--text-font-family);
  --wsf-form-font-size: var(--text-m);
  --wsf-form-font-size-small: var(--text-s);
  --wsf-form-font-size-large: var(--text-l);
  --wsf-form-font-style: normal;
  --wsf-form-letter-spacing: var(--text-letter-spacing);
  --wsf-form-line-height: 1.5;
  --wsf-form-text-decoration: none;
  --wsf-form-text-transform: none;
  --wsf-form-border-radius: 0;
  --wsf-form-border-width: 0px;
  --wsf-form-border-style: solid;
  --wsf-form-border-color: transparent;
  --wsf-form-color-background: transparent;
  --wsf-form-color-base: var(--text-dark);
  --wsf-form-color-base-contrast: var(--white);
  --wsf-form-color-accent: var(--base);
  --wsf-form-color-neutral: var(--neutral-semi-light);
  --wsf-form-color-primary: var(--primary);
  --wsf-form-color-secondary: var(--secondary);
  --wsf-group-ul-border-style: solid;
  --wsf-group-ul-border-width: 1px;
  --wsf-group-li-border-radius: var(--btn-border-radius);
  --wsf-group-li-border-style: solid;
  --wsf-group-li-border-width: 1px;
  --wsf-group-li-border-color: var(--primary-light);
  --wsf-group-li-border-color-active: var(--primary);
  --wsf-group-li-border-color-focus: var(--focus-color);
  --wsf-group-li-border-color-disabled: color-mix(in oklch, var(--neutral) 60%, transparent);
  --wsf-group-ul-border-color: var(--neutral);
  --wsf-group-li-gap: 0px;
  --wsf-group-li-padding-horizontal: 1.5em;
  --wsf-group-li-padding-vertical: .75em;
  --wsf-group-li-color-background: transparent;
  --wsf-group-li-color-background-active: var(--white);
  --wsf-group-li-color-background-focus: var(--white);
  --wsf-group-li-color-background-disabled: color-mix(in oklch, var(--neutral) 60%, transparent);
  --wsf-group-li-font-size: var(--text-m);
  --wsf-group-li-font-style: inherit;
  --wsf-group-li-line-height: var(--text-line-height);
  --wsf-group-li-text-transform: inherit;
  --wsf-group-li-text-decoration: inherit;
  --wsf-group-li-color: var(--text-dark);
  --wsf-group-li-color-active: var(--text-dark);
  --wsf-group-li-color-focus: var(--text-dark);
  --wsf-group-li-color-disabled: color-mix(in oklch, var(--neutral) 60%, transparent);
  --wsf-group-li-steps-size: var(--space-l);
  --wsf-group-li-steps-font-size: var(--text-m);
  --wsf-group-li-steps-font-style: normal;
  --wsf-group-li-steps-text-decoration: none;
  --wsf-group-li-steps-color-background: var(--white);
  --wsf-group-li-steps-color-background-active: var(--primary-light);
  --wsf-group-li-steps-color-background-complete: var(--primary);
  --wsf-group-li-steps-border-color: var(--primary-light);
  --wsf-group-li-steps-border-color-active: var(--primary);
  --wsf-group-li-steps-border-color-complete: var(--primary);
  --wsf-group-li-steps-color: var(--text-dark);
  --wsf-group-li-steps-color-active: var(--text-dark);
  --wsf-group-li-steps-color-complete: var(--text-light);
  --wsf-section-color-background: transparent;
  --wsf-section-legend-font-size: var(--text-m);
  --wsf-section-legend-font-style: normal;
  --wsf-section-legend-line-height: var(--text-line-height);
  --wsf-section-legend-text-decoration: none;
  --wsf-section-legend-text-transform: none;
  --wsf-section-legend-gap: 1rem;
  --wsf-section-legend-color-background: transparent;
  --wsf-section-legend-color: var(--text-dark);
  --wsf-section-icon-size: var(--text-m);
  --wsf-field-fieldset-legend-font-size: var(--text-s);
  --wsf-field-fieldset-legend-font-style: normal;
  --wsf-field-fieldset-legend-font-weight: var(--heading-font-weight);
  --wsf-field-fieldset-legend-text-transform: none;
  --wsf-field-fieldset-legend-text-decoration: none;
  --wsf-field-fieldset-legend-gap: var(--space-xs);
  --wsf-field-fieldset-legend-color: var(--text-dark);
  --wsf-field-fieldset-legend-color-background: transparent;
  --wsf-field-label-font-family: var(--text-font-family);
  --wsf-field-label-font-size: var(--text-s);
  --wsf-field-label-font-weight: var(--heading-font-weight);
  --wsf-field-label-line-height: var(--text-line-height);
  --wsf-field-label-gap: var(--space-xs);
  --wsf-field-label-inside-offset: -20px;
  --wsf-field-label-inside-scale: 0.9;
  --wsf-field-label-color: var(--text-dark);
  --wsf-field-label-color-background: transparent;
  --wsf-field-label-inside-color-background: var(--white);
  --wsf-field-help-font-size: var(--text-s);
  --wsf-field-help-font-style: normal;
  --wsf-field-help-font-weight: 400;
  --wsf-field-help-line-height: 1.5;
  --wsf-field-help-text-decoration: none;
  --wsf-field-help-text-transform: none;
  --wsf-field-help-gap: var(--space-xs);
  --wsf-field-help-color: var(--text-dark-muted);
  --wsf-field-help-color-background: transparent;
  --wsf-field-font-size: var(--text-m);
  --wsf-field-font-style: normal;
  --wsf-field-font-weight: 400;
  --wsf-field-letter-spacing: var(--text-letter-spacing);
  --wsf-field-line-height: 1.5;
  --wsf-field-text-decoration: none;
  --wsf-field-text-transform: none;
  --wsf-field-color: var(--text-dark);
  --wsf-field-color-hover: var(--text-dark);
  --wsf-field-color-focus: var(--text-dark);
  --wsf-field-color-disabled: color-mix(in oklch, var(--neutral) 80%, transparent);
  --wsf-field-color-invalid: var(--text-dark);
  --wsf-field-color-placeholder: oklch(from var(--text-dark) l c h / 0.65);
  --wsf-field-color-background: var(--white);
  --wsf-field-color-background-hover: var(--white);
  --wsf-field-color-background-focus: var(--white);
  --wsf-field-color-background-disabled: color-mix(in oklch, var(--neutral) 80%, transparent);
  --wsf-field-color-background-invalid: var(--white);
  --wsf-field-border-radius: var(--radius);
  --wsf-field-border-width: var(--border-width);
  --wsf-field-border-style: solid;
  --wsf-field-border-color: oklch(from var(--text-dark) l c h / 0.5);
  --wsf-field-border-color-hover: var(--text-dark);
  --wsf-field-border-color-focus: var(--focus-color);
  --wsf-field-border-color-disabled: color-mix(in oklch, var(--neutral) 60%, transparent);
  --wsf-field-border-color-invalid: var(--primary-semi-dark);
  --wsf-field-box-shadow-color-focus: var(--focus-color);
  --wsf-field-box-shadow-width-focus: var(--focus-width);
  --wsf-field-invalid-feedback-font-size: var(--text-s);
  --wsf-field-invalid-feedback-font-style: normal;
  --wsf-field-invalid-feedback-font-weight: var(--heading-font-weight);
  --wsf-field-invalid-feedback-letter-spacing: var(--text-letter-spacing);
  --wsf-field-invalid-feedback-line-height: 1.5;
  --wsf-field-invalid-feedback-text-decoration: none;
  --wsf-field-invalid-feedback-text-transform: none;
  --wsf-field-invalid-feedback-gap: var(--space-xs);
  --wsf-field-invalid-feedback-color: var(--primary-semi-dark);
  --wsf-field-invalid-feedback-color-background: transparent;
  --wsf-field-padding-horizontal: .8em;
  --wsf-field-padding-vertical: .6em;
  --wsf-field-prefix-suffix-font-size: var(--text-s);
  --wsf-field-prefix-suffix-font-style: normal;
  --wsf-field-prefix-suffix-font-weight: 400;
  --wsf-field-prefix-suffix-letter-spacing: var(--text-letter-spacing);
  --wsf-field-prefix-suffix-line-height: var(--text-line-height);
  --wsf-field-prefix-suffix-text-decoration: none;
  --wsf-field-prefix-suffix-text-transform: none;
  --wsf-field-prefix-suffix-color: var(--text-dark);
  --wsf-field-prefix-suffix-color-background: var(--neutral-semi-light);
  --wsf-field-tooltip-font-size: var(--text-xs);
  --wsf-field-tooltip-font-weight: 400;
  --wsf-field-tooltip-line-height: var(--text-line-height);
  --wsf-field-tooltip-border-radius: var(--radius-s);
  --wsf-field-tooltip-gap: 5px;
  --wsf-field-checkbox-border-radius: var(--radius);
  --wsf-field-checkbox-gap-horizontal: var(--space-xs);
  --wsf-field-checkbox-gap-vertical: var(--space-xs);
  --wsf-field-checkbox-color-background: var(--white);
  --wsf-field-checkbox-checked-color-background: var(--base);
  --wsf-field-checkbox-checkmark-color: var(--white);
  --wsf-field-checkbox-button-color-background: var(--neutral-light);
  --wsf-field-checkbox-button-color: var(--neutral);
  --wsf-field-checkbox-checked-button-color-background: var(--primary);
  --wsf-field-checkbox-checked-button-color: var(--white);
  --wsf-field-checkbox-switch-color: var(--neutral-light);
  --wsf-field-checkbox-checked-switch-color-background: var(--primary);
  --wsf-field-checkbox-checked-switch-color: var(--white);
  --wsf-field-radio-gap-horizontal: var(--space-xs);
  --wsf-field-radio-gap-vertical: var(--space-xs);
  --wsf-field-radio-color-background: var(--white);
  --wsf-field-radio-checked-color: var(--base);
  --wsf-field-radio-button-color-background: var(--neutral-light);
  --wsf-field-radio-button-color: var(--neutral);
  --wsf-field-radio-checked-button-color-background: var(--primary);
  --wsf-field-radio-checked-button-color: var(--white);
  --wsf-field-radio-switch-color: var(--neutral-light);
  --wsf-field-radio-checked-switch-color-background: var(--primary);
  --wsf-field-radio-checked-switch-color: var(--white);
  --wsf-field-select-arrow-width: 12px;
  --wsf-field-select-arrow-height: 6px;
  --wsf-field-select-arrow-color: var(--text-dark);
  --wsf-field-select-select2-choice-color-background: var(--neutral-light);
  --wsf-field-select-select2-choice-color: var(--neutral);
  --wsf-field-select-select2-choice-color-remove: var(--neutral);
  --wsf-field-select-select2-result-color-background: var(--neutral-light);
  --wsf-field-select-select2-result-color-background-selected: var(--primary);
  --wsf-field-select-select2-result-color-background-highlighted: var(--primary);
  --wsf-field-select-select2-result-color: var(--neutral);
  --wsf-field-select-select2-result-color-selected: var(--white);
  --wsf-field-select-select2-result-color-highlighted: var(--white);
  --wsf-field-progress-color-background: var(--neutral-ultra-light);
  --wsf-field-progress-color-background-bar: var(--primary-light);
  --wsf-field-progress-color-background-complete: var(--primary);
  --wsf-field-range-track-border-radius: 50px;
  --wsf-field-range-tickmark-label-font-size: var(--text-s);
  --wsf-field-range-tickmark-label-font-style: normal;
  --wsf-field-range-tickmark-label-font-weight: 400;
  --wsf-field-range-tickmark-label-letter-spacing: var(--text-letter-spacing);
  --wsf-field-range-tickmark-label-line-height: var(--text-line-height);
  --wsf-field-range-tickmark-label-text-decoration: none;
  --wsf-field-range-tickmark-label-text-transform: none;
  --wsf-field-range-track-color: var(--neutral-ultra-light);
  --wsf-field-range-track-lower-color: var(--neutral-light);
  --wsf-field-range-track-upper-color: var(--neutral-ultra-light);
  --wsf-field-range-thumb-color: var(--primary);
  --wsf-field-range-tickmark-color: var(--neutral);
  --wsf-field-range-tickmark-label-color: var(--neutral);
  --wsf-field-file-dropzonejs-border-style: solid;
  --wsf-field-file-dropzonejs-border-width: 1px;
  --wsf-field-file-dropzonejs-border-radius: var(--radius);
  --wsf-field-file-dropzonejs-padding-horizontal: var(--wsf-form-grid-gap);
  --wsf-field-file-dropzonejs-padding-vertical: var(--wsf-form-grid-gap);
  --wsf-field-file-dropzonejs-progress-radius: var(--radius);
  --wsf-field-file-dropzonejs-progress-gap: 5px;
  --wsf-field-file-dropzonejs-progress-height: 10px;
  --wsf-field-texteditor-font-size: var(--text-s);
  --wsf-field-texteditor-font-style: normal;
  --wsf-field-texteditor-font-weight: 400;
  --wsf-field-texteditor-letter-spacing: var(--text-letter-spacing);
  --wsf-field-texteditor-line-height: var(--text-line-height);
  --wsf-field-texteditor-text-decoration: none;
  --wsf-field-texteditor-text-transform: none;
  --wsf-field-texteditor-p-margin-bottom: 1em;
  --wsf-form-transition-enabled: 1;
  --wsf-form-transition-speed: var(--transition-duration);
  --wsf-form-transition-timing-function: var(--transition-timing);
}
button.wsf-button.wsf-button-primary[type="submit"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--white);
  --btn-border-color: var(--btn-background);
  --btn-border-color-hover: var(--btn-background-hover);
  --focus-color: var(--base);
  background: var(--btn-background);
  color: var(--btn-text-color);
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  inline-size: var(--btn-width, auto);
  min-inline-size: var(--btn-min-width);
  line-height: var(--btn-line-height);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size, var(--text-m));
  font-weight: var(--btn-font-weight);
  font-style: var(--btn-font-style);
  text-transform: var(--btn-text-transform);
  letter-spacing: var(--btn-letter-spacing);
  text-decoration: var(--btn-text-decoration);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-radius: var(--btn-border-radius);
  border-color: var(--btn-border-color);
  transition: var(--btn-transition, var(--transition));
  justify-content: var(--btn-justify-content, center);
  align-items: var(--btn-align-items, center);
  text-align: var(--btn-text-align, center);
  display: var(--btn-display, inline-flex);
}
button.wsf-button.wsf-button-primary[type="submit"].wsf-button-full {
  inline-size: 100%;
}
@media (hover: hover) and (pointer: fine) {
button.wsf-button.wsf-button-primary[type="submit"]:hover:enabled:not(:checked):not(:focus) {
  background: var(--btn-background-hover);
  color: var(--btn-text-color-hover);
  border-color: var(--btn-border-color-hover);
  text-decoration: var(--btn-text-decoration-hover);
}
}
button.wsf-button.wsf-button-primary[type="submit"]:where(:focus-visible) {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
:focus {
  outline: none;
  box-shadow: none;
}
:focus-visible {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
:where(img:not(header img), figure:not(figure:has(img))) {
  border-radius: var(--radius);
}
:where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote) {
  display: flex;
  flex-direction: column;
  gap: var(--blockquote-gap);
  inline-size: 100%;
  padding: var(--blockquote-padding);
  border-width: var(--blockquote-border-width);
  border-style: var(--blockquote-border-style);
  border-color: var(--blockquote-border-color);
  border-radius: var(--blockquote-border-radius);
  background: var(--blockquote-background);
  box-shadow: var(--blockquote-box-shadow);
  max-inline-size: var(--blockquote-max-inline-size);
}
:where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote) p {
  color: var(--blockquote-text-color);
  font-family: var(--blockquote-text-font-family);
  font-style: var(--blockquote-text-font-style);
  font-size: var(--blockquote-text-font-size);
  font-weight: var(--blockquote-text-font-weight);
  line-height: var(--blockquote-text-line-height);
  text-align: var(--blockquote-text-text-align);
}
:where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote) :is(footer, figcaption) {
  display: var(--blockquote-footer-display, flex);
  flex-direction: var(--blockquote-footer-flex-direction, row);
  align-items: var(--blockquote-footer-align-items, center);
  gap: var(--blockquote-footer-gap, calc(var(--content-gap) / 2));
  padding: var(--blockquote-footer-padding);
  margin-block: var(--blockquote-footer-margin-block);
  font-size: var(--blockquote-footer-font-size);
  font-weight: var(--blockquote-footer-font-weight);
  line-height: var(--blockquote-footer-line-height);
  color: var(--blockquote-footer-color);
}
body :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
.smart-spacing {
  row-gap: 0 !important;
}
.smart-spacing > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.smart-spacing > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.smart-spacing > ul * + li,
.smart-spacing > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > * + figure {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.smart-spacing figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.smart-spacing > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.smart-spacing > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}