.demo-required-form .demo-required-form__section {
  margin-bottom: 0;
}

.demo-required-form .demo-required-form__section h2 {
  margin-top: 0;
}

.demo-required-form .demo-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.demo-required-form .demo-form-status {
  margin: 0;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-text-default, #1e293b);
  background: var(--color-background-surface, #f8fafc);
  border: 1px solid var(--border, #e5e4e7);
  border-radius: 0.375rem;
}

.demo-required-form__field-error {
  margin: 0.35rem 0 0;
  font-size: 0.875rem;
  line-height: 1.35;
  color: var(--color-error-500, #dc3545);
}

.demo-required-form__fieldset--invalid {
  border-color: var(--color-error-500, #dc3545);
}

.demo-required-form__control-wrap--invalid .ccl-checkbox,
.demo-required-form__control-wrap--invalid .ccl-switch {
  outline: 0;
}

.demo-required-form__control-wrap--invalid {
  padding-bottom: 0.125rem;
}

.demo-required-form .demo-ff-stack {
  max-width: 42rem;
}