/* Native presets own normal typography, layout, card and button decoration.
   Shared CSS owns system stacks, plugin fields and states Divi cannot express. */
.svs-system, .svs-system h1, .svs-system h2, .svs-system h3, .svs-system h4,
.svs-system p, .svs-system a, .svs-system input, .svs-system button {
  font-family: var(--svs-font-body) !important;
}
.svs-system code {font-family:var(--svs-font-mono);overflow-wrap:anywhere;}
.svs-system {color:var(--svs-color-ink);}
.svs-system *, .svs-system *::before, .svs-system *::after {box-sizing:border-box;}
.svs-system a {color:var(--svs-color-action);text-underline-offset:.2em;}
.svs-system .svs-link a {text-decoration:underline;}
.svs-system a:hover {color:var(--svs-color-action-hover);}
.svs-system a:active {color:var(--svs-color-action-active);}
.svs-system :is(a,button,input,select,textarea):focus-visible {
  outline:var(--svs-border-focus) solid var(--svs-color-focus);
  outline-offset:var(--svs-border-focus);box-shadow:0 0 0 var(--svs-border-focus) var(--svs-color-surface);
}
.svs-system .svs-button.et_pb_button {
  display:inline-flex;align-items:center;justify-content:center;white-space:normal;
  transition:background-color var(--svs-motion-fast) var(--svs-motion-ease),color var(--svs-motion-fast) var(--svs-motion-ease);
}
.svs-system .svs-button.et_pb_button::after {display:none;}
.svs-system .svs-button--primary.et_pb_button:active {background:var(--svs-color-action-active);}
.svs-system .svs-button--accent.et_pb_button:active {background:var(--svs-color-accent);}
.svs-system .svs-button--tertiary.et_pb_button {border-color:transparent;background:transparent;}
.svs-system .svs-card {transition:box-shadow var(--svs-motion-normal) var(--svs-motion-ease);}
.svs-system .svs-card:hover {box-shadow:var(--svs-shadow-card);}
.svs-system .svs-form label {display:block;font-weight:var(--svs-weight-semibold);margin-bottom:var(--svs-space-8);}
.svs-system .svs-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  width:100%;max-width:100%;min-height:var(--svs-size-control);padding:var(--svs-space-12) var(--svs-space-16);
  color:var(--svs-color-ink);background:var(--svs-color-surface);font-size:var(--svs-type-body);
  line-height:var(--svs-line-compact);border:var(--svs-border-width) solid var(--svs-color-border-strong);border-radius:var(--svs-radius-control);
}
.svs-system .svs-form :is(input,select,textarea):hover {border-color:var(--svs-color-action);}
.svs-system .svs-form :is([aria-invalid=true],.wpcf7-not-valid) {border-color:var(--svs-color-error)!important;background:var(--svs-color-error-bg)!important;}
.svs-system .svs-field-error, .svs-system .wpcf7-not-valid-tip {color:var(--svs-color-error);font-size:var(--svs-type-small);}
.svs-system .svs-form :is(button:disabled,input:disabled), .svs-system .et_pb_button[aria-disabled=true] {
  min-height:var(--svs-size-control);padding:var(--svs-space-12) var(--svs-space-24);border:var(--svs-border-width) solid var(--svs-color-border-strong);
  border-radius:var(--svs-radius-control);color:var(--svs-color-disabled-text)!important;background:var(--svs-color-disabled-bg)!important;cursor:not-allowed;
}
.svs-system .svs-status {padding:var(--svs-space-16);margin-block:var(--svs-space-16);border-radius:var(--svs-radius-control);}
.svs-system .svs-status--success {color:var(--svs-color-success);background:var(--svs-color-success-bg);}
.svs-system .svs-status--warning {color:var(--svs-color-warning);background:var(--svs-color-warning-bg);}
.svs-system .svs-status--error {color:var(--svs-color-error);background:var(--svs-color-error-bg);}
.svs-system .svs-status--info {color:var(--svs-color-info);background:var(--svs-color-info-bg);}
@media (prefers-reduced-motion:reduce) {
  .svs-system *, .svs-system *::before, .svs-system *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

.svs-system :is(h1,h2,h3,h4) {padding-bottom:0;}