class="marginnote">The <code>--main-width</code> CSS variable defaults to 745px.<br />
<br />
</span></span> potentially expanding into the margin to do so. For example: when the browser takes up half of a 1920x1080 screen.</li>
</ul></li>
<li><code>.wide.extra-wide</code>
<ul>
<li>From <code>.wide</code>: on smaller screens, sets <code>overflow-x: scroll</code>.</li>
<li>Takes up to <code>1.5 * --main-width</code> space,<span class="sidenote-wrapper"><label for="sn-3" class="margin-toggle">&#8853;</label><