.mykn-p {
  color: var(--typography-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-body-s);
  font-weight: var(--typography-font-weight-normal);
  line-height: var(--typography-line-height-body-s);
  margin-block-start: 0;
  margin-block-end: 0;

  &--bold {
    font-weight: var(--typography-font-weight-bold);
  }

  &--muted {
    color: var(--typography-color-muted);
  }

  &--size-xs {
    font-size: var(--typography-font-size-body-xs);
    line-height: var(--typography-line-height-body-xs);
  }

  &--word-break-break-all {
    word-break: break-all;
  }

  // https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#syntax
  // https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
  &--word-break-break-word {
    overflow-wrap: anywhere;
    word-break: normal;
  }
}