Twitter embed - How to override CSS

Question

I'm trying to override an embedded tweet CSS. I first tried using regular CSS but it's not understood by the tweets and doesn't seem to work : https://dev.twitter.com/web/overview/css

I'm now trying a javascript approach, but I can't manage to target the elements inside the tweet. I've been looking for answers but they are all about twitter timelines, not single embedded tweets.

I'm using https://dev.twitter.com/web/javascript/events :

twttr.ready( function(twttr){

twttr.events.bind('rendered',function (event) {

var tgt = event.target;  // Now inside each tweet
// Code to target the content in order to change its css
});

Thank you for your help.

EDIT // Here is the working script :

twttr.ready( function(twttr){

twttr.events.bind('rendered',function (event) { 

    var tgt = event.target;

    $(tgt).contents().find(".EmbeddedTweet").css({  
        "border":"2px solid black",
        "border-radius":"7px",
        "max-width":"100%"
    });

  });

});

Answer 1

I found the answer, here is how to style dynamically the loaded tweets :

twttr.ready( function(twttr){

twttr.events.bind('rendered',function (event) { 

var tgt = event.target;

$(tgt).contents().find(".EmbeddedTweet").css({  
    "border":"2px solid black",
    "border-radius":"7px",
    "max-width":"100%"
   });

 });

});