/* Bold the paragraph when the style is applied */
.is-style-outbound-strong {
  font-weight: 700;
}

/* Outbound icon on links that open in a new tab */
.is-style-outbound-strong a[target="_blank"] {
  position: relative;
  font-weight: 700; /* keeps links bold too */
  text-decoration: underline;
  text-underline-offset: .12em;
}

/* Small NE-arrow icon that inherits text color */
.is-style-outbound-strong a[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.3em;
  vertical-align: text-top;
  background: currentColor;

  /* Use a mask so it follows currentColor */
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z'/>\
  </svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z'/>\
  </svg>") no-repeat center / contain;
  opacity: .9;
  transition: transform .15s ease, opacity .15s ease;
}

.is-style-outbound-strong a[target="_blank"]:hover::after {
  transform: translateY(-1px);
  opacity: 1;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .is-style-outbound-strong a[target="_blank"]::after {
    transition: none;
  }
}

/* Editor parity tweaks */
.block-editor-rich-text__editable.is-style-outbound-strong {
  font-weight: 700;
}