#wagtail-modal-workflow,
#wagtail-modal-workflow * {
  box-sizing: border-box;
}

#wagtail-modal-workflow {
  font-family: var(--w-font-sans, system-ui, sans-serif);
  color: var(--w-color-text-context, #1f1f1f);
  line-height: 1.5;
}

#wagtail-modal-workflow a {
  background: transparent !important;
  color: var(--w-color-text-link-default, #0c7676) !important;
  text-decoration: none !important;
}

#wagtail-modal-workflow a:hover,
#wagtail-modal-workflow a:focus {
  color: var(--w-color-text-link-hover, #095c5c) !important;
  text-decoration: underline !important;
}

#wagtail-modal-workflow h1,
#wagtail-modal-workflow h2,
#wagtail-modal-workflow h3,
#wagtail-modal-workflow h4,
#wagtail-modal-workflow h5,
#wagtail-modal-workflow h6 {
  color: var(--w-color-text-context, #1f1f1f) !important;
  font-family: var(--w-font-sans, system-ui, sans-serif) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
}

#wagtail-modal-workflow h1 { font-size: 2.25rem !important; }
#wagtail-modal-workflow h2 { font-size: 1.75rem !important; }
#wagtail-modal-workflow h3 { font-size: 1.375rem !important; }

#wagtail-modal-workflow p,
#wagtail-modal-workflow ul,
#wagtail-modal-workflow ol,
#wagtail-modal-workflow li,
#wagtail-modal-workflow label,
#wagtail-modal-workflow th,
#wagtail-modal-workflow td {
  font-family: var(--w-font-sans, system-ui, sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: var(--w-color-text-context, #1f1f1f) !important;
}

#wagtail-modal-workflow p,
#wagtail-modal-workflow ul,
#wagtail-modal-workflow ol {
  margin: 0 0 1rem !important;
  padding: 0 !important;
}

#wagtail-modal-workflow input,
#wagtail-modal-workflow select,
#wagtail-modal-workflow textarea {
  font: inherit !important;
  line-height: 1.4 !important;
}

#wagtail-modal-workflow button[type="submit"],
#wagtail-modal-workflow input[type="submit"] {
  background: var(--w-color-surface-button-default, #000) !important;
  color: var(--w-color-text-button, #fff) !important;
  border: 1px solid transparent !important;
  border-radius: 0.3125rem !important;
  padding: 0.75rem 1rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transform: none !important;
}

#wagtail-modal-workflow button[type="submit"]:hover,
#wagtail-modal-workflow input[type="submit"]:hover {
  background: var(--w-color-surface-button-hover, #222) !important;
  color: var(--w-color-text-button, #fff) !important;
}

#wagtail-modal-workflow .modal-dialog {
  max-width: min(92vw, 1100px);
  margin: 2rem auto;
}

#wagtail-modal-workflow .modal-content {
  max-height: calc(100vh - 4rem);
  overflow: auto;
}
