@import 'palette';

#section-sidebar {
  @include hideable-sidebar(24em);
  background-color: #ececec;
}

#section-content {
  width: 75%;
  margin: 1em auto;
}

@import 'palette';

#section-sidebar {
  @include hideable-sidebar(24em);
  background-color: #ececec;
}

#section-content {
  margin: 0 auto;
  padding: 1em;
  max-width: 50em;
  text-align: center;

  & > div {
    text-align: left; /* IE - no start or initial */
    text-align: start;
    text-align: initial;
    display: inline-block;
  }
}

Revise styling of the content panel in the reading view.
Revise styling of the content panel in the reading view.

The content now has a fixed maximum width that it will not shrink
from unless the window is too narrow. This eliminates distracting
reflows in most cases.
