body {margin:0;padding:0;line-height:1.6;font-size:18px;font-family:'Open Sans',sans-serif;}

/* layout */
main {height: 100vh;display: flex;}
main>aside {overflow-y:scroll;width:260px;padding:0 24px;margin:0 24px 0 0;border-right:1px solid rgba(0, 0, 0, 0.07)}
main>aside>h1 {margin-top:20px;}
main>section {overflow-y:scroll;width:auto;flex: 1;}
article {margin-top:20px;max-width:860px;}
nav.main {margin-bottom:20px;}
nav.main a {border-left:1px solid #ddd;padding:0 10px;}
nav.main a:first-child {border:0;padding-left:0;}

p {margin:0 0 15px;}
pre,code {background:#f5f2f0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:14px;}
pre {border-left:3px solid #1e5799;overflow:auto;padding:10px 20px;margin:15px 0 22.5px 0;}
p + pre {margin-top:22.5px;}
code {outline:1px solid #e5e2e0;display:inline-block;margin:0;padding:0 2px;white-space:pre;line-height:1.3;}
p code {white-space:pre-wrap;overflow-wrap:anywhere;}
pre code {border:0;outline:0;margin:0;padding:0;}
table {border-collapse:collapse;margin:0 0 30px;width:100%;}
tbody tr:nth-child(odd) {background:#fffbf9;}
tbody tr:nth-child(even) {background:#f5f2f0;}
thead tr {background:#e5e2e0;}
tbody tr {border-bottom:1px solid #e5e2e0;}
th {text-align:left;}
th,td {padding:3px 10px;vertical-align:top;}
td:not(:last-child) code {border:none;outline:none;background-color:transparent;padding:0;font-size:14px;}
td:last-child code {background-color:white;}
td:last-child a code {background-color:inherit;}
a {color:#1e5799;text-decoration:none;}
a:hover {text-decoration:underline;}
h1 a code,h2 a code,h3 a code,li a code,td a code,p a:not(.a-with-code-only) code {background:inherit;outline:inherit;display:inherit;margin:inherit;padding:inherit;white-space:inherit;line-height:inherit;font-family:inherit;font-size:inherit;}
p a.a-with-code-only code {outline-color:#3c73ba4a;background-color:#eeeef5;}
p a.a-with-code-only:hover code {outline-color:#3e77b9;}
hr {border:0;border-bottom:1px solid #ddd;margin:30px 0;}
ol {padding-left:1.125em;}
ul {padding-left:1em;}

/* Headings */
h1 {font-size:28px;font-weight:normal;margin:0 0 15px;}
h2 {font-size:22px;margin:45px 0 15px;}
h3 {font-size:20px;margin:45px 0 15px;}
h4 {font-size:18px;margin:30px 0 15px;}
h5 {font-weight:bold;margin:15px 0 15px;}
h1.logo {font-weight:normal;font-size:28px;}
h1.logo img {vertical-align:middle;width:28px;}
h1 small {font-size:16px;}
h2 a,h3 a,h4 a,h5 a,
h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,
h2 a:active,h3 a:active,h4 a:active,h5 a:active,
h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited {color:#000;text-decoration:none;}
h2::before,h3::before,h4::before,h5::before {content:"#";position:absolute;left:-20px;visibility:hidden;}
h2:hover::before,h3:hover::before,h4:hover::before,h5:hover::before {visibility:visible;}
#signature + p code {padding:3px 10px;}

nav.sidebar ul {margin:0;padding:0;width:250px;z-index:1;}
nav.sidebar ul + hr {display:none;}
nav.sidebar ul li {list-style:none;margin:0 0 13px;padding:0;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
nav.sidebar ul li:last-child {border-bottom:0;}
nav.sidebar ul ul {margin:0 0 2px;padding:0;}
nav.sidebar ul ul li {border:0;margin-bottom:0;}
nav.sidebar ul ul ul {margin:0 0 2px;padding:0 0 0 12px;}
nav.sidebar ul ul ul ul {display:none;}
nav.sidebar ul strong + ul {border-left:3px solid #1e5799;margin-left:1.25px;}

.logo a {color:#010002;}
.logo a:hover {text-decoration:none;}
.hamburger {display:block;font-size:42px;line-height:1;padding:0;position:fixed;right:0;top:0;z-index:32;}
.hamburger:hover {text-decoration:none;}
