body{font-size:calc(0.8rem + 0.3vw);padding:0 0 0 16.5em;background:light-dark(#fff, #212430)}body>header,body>footer{display:none}body>*{margin:0;padding:2em 5em;max-width:50em;box-shadow:none}aside{display:flex !important;flex-direction:column;position:fixed;overflow:auto;background:#1d1f2a;box-shadow:-1px 0 #2e3142 inset;color:#fff;margin:0;padding:2.25em;width:12em;top:0;bottom:0;left:0}nav{flex-grow:1;margin:0 -2.25em}nav a{display:block;font-weight:inherit;margin:0;padding:.5em 2.25em;border-radius:0}nav a:hover,nav a.selected{background:#2a2d3c;text-decoration:inherit}nav svg{margin-right:1.2em;vertical-align:text-top}