.GuideField {
  th {
    width: 25%;
  }

  .CIG-label {
    margin-bottom: var(--gap-l);
  }

  &-editorialNote {
    margin: 8px 16px 32px;
    overflow: auto;

    &.is-empty {
      margin: 12px 0 32px;
    }

    b {
      font-weight: bold;
    }

    i {
      font-style: italic;
    }

    u {
      text-decoration: underline;
    }

    s {
      text-decoration: line-through;
    }

    ul {
      list-style-type: disc;
      padding: 0 0 0 30px;
    }

    ul ul {
      list-style-type: circle;
    }

    ul ul ul {
      list-style-type: square;
    }

    ol {
      list-style-type: decimal;
      padding: 0 0 0 30px;
    }

    ol ol {
      list-style-type: lower-alpha;
    }

    .cms-textAlign-left {
      text-align: left;
    }

    .cms-textAlign-center {
      text-align: center;
    }

    .cms-textAlign-right {
      text-align: right;
    }

    img {
      display: block;
      float: left;
      margin: 16px 16px 16px 0;
      width: 50%;
    }

    img[data-align-center] {
      float: none;
      margin: 16px auto;
    }

    img[data-align-right] {
      float: right;
      margin: 16px 0 16px 16px;
    }
  }
}

.ProseMirror {
  /* stylelint-disable-next-line selector-type-no-unknown */
  bsp-guide-field-link {
    color: var(--Link-color);
  }

  /* stylelint-disable-next-line selector-type-no-unknown */
  bsp-guide-field-link:hover {
    color: var(--Link-hoverColor);
    text-decoration: var(--Link-hoverDecoration, underline);
  }
}

/* Hides GuideField links and the "New", "Copy", and "Edit In Full" gear menu options in GuideFieldEditorialNote edit page */
[data-type='com.psddev.cms.tool.GuideFieldEditorialNote']
  a[target='guideField'],
[data-popup-source-class~='GuideFieldEditorialNote-edit'] a.action-create,
[data-popup-source-class~='GuideFieldEditorialNote-edit'] a.action-copy,
[data-popup-source-class~='GuideFieldEditorialNote-edit']
  a.widgetControlsEditInFull {
  display: none;
}
