How can we modify the layout of Quick Answers?

I've added {{generative_answers}} to the search results template. I'd like to add tips to the top and bottom of the Quick Answers. I don't want to display the tips if Quick Answers doesn't show for a particular query. Also like to modify the font and other attributes of Quick Answers. I see the html code generated is in a shadow-root and that makes it difficult to update via javascript. Any tips on how to do it?