.TootContent {
  margin-left: var(--card-pad, 0);
  margin-right: var(--card-pad, 0);
  line-height: 1.5;

  > .content {
    display: contents;
  }

  & * {
    user-select: text;
  }

  & a {
    color: var(--tutu-color-primary-d);
  }

  & a[target="_blank"] {
    word-break: break-all;

    >.invisible {
      display: none;
    }

    >.ellipsis {
      &::after {
        display: inline;
        content: "...";
      }
    }
  }
}

:where(.thread-top, .thread-mid) > .TootContent {
  margin-left: calc(var(--card-pad, 0) + var(--toot-avatar-size, 0) + 8px);
}