Better Google Docs outline with a simple CSS

This is a stupid "productivity suite" post. ERK.

No matter how Google Docs or OpenOffice may be easy to use, open, blabla, I always find myself frustrated with the default style, the non-existent outlining capabilities or the lack of semantic meaning in documents ... Go HTML5, GO !@#

Anyway, if you find the different heading levels barely distinguishable, the custom CSS feature comes in handy.

Go to "Edit" > "Edit CSS" and paste this :

h2 {
  text-indent: 10pt;
}
h3 {
  text-indent: 20pt;
  font-size: small;
}
h4 {
  text-indent: 40pt;
  font-size: smaller;
}

I'm pretty sure you can find some better CSS out there, Google or community provided. I couldn't find any repository for styles nor any kind of "global" CSS option for all my documents.