Limiting the width of Wikipedia-articles when reading on widescreens

I'm using a widescreen display most of the day, which makes it quite useful to have two browser windows openĀ or one browser window and a text-editor side-by-side. But sometimes I keep the browser window maximized, which is a bad thing for sites like Wikipedia. The articles get dragged out in full width, making the lines a bit too long to read comfortably:

[caption id="attachment_911" align="aligncenter" width="640"]Way
too long lines to read
comfortably.{.size-large .wp-image-911 width="640" height="385"} Way too long lines to read comfortably.[/caption]

Thankfully, it is quite easy to fix this. I came over one solution with a bookmarklet, but this requires you to click a button for each article. If you have logged in to Wikipedia, however, you may add your own custom CSS that will appear on all articles by clicking Preferences > Appearance > Custom CSS.

In the editor that shows up, add the following:

body {
    max-width: 65em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    float: none;

After this change, Wikipedia pages are limited to the width of 65em (approximately 1000 px):

[caption id="attachment_912" align="aligncenter" width="403"]Wikipedia with a much better
width.{.size-large .wp-image-912 width="403" height="600"} Wikipedia with a much better width.[/caption]

If you want to add this to all pages on the web, you should consider a bookmarklet like the one mentioned here.