:root{--toc-width: 300px}html,body{overflow:hidden;height:100%}body{display:flex;flex-direction:row-reverse;gap:10px}main{flex:1;display:flex;flex-direction:column;align-items:center;overflow:auto;padding-top:100px}nav.internal{width:var(--toc-width);color:var(--nav-color);padding:120px 10px 10px;font-family:var(--font-sans);font-size:.95em;line-height:1.7;transition:opacity .2s ease-in-out;opacity:.5}nav.internal:hover{opacity:1}nav.internal h2{margin:0 0 10px;font-size:1.3em;font-weight:400;color:#495057}nav.internal ul:not(li ul){margin:0}nav.internal ul{list-style-type:none;font-weight:400;padding:0 0 0 30px}nav.internal li{margin:4px 0}nav.internal>ul{padding-left:0}nav.internal a{--color: #868e96;--hover-background: transparent;display:block;padding:0 4px}nav.internal a.scrollspy-active{--color: #343a40}nav.internal a:hover{--color: #000000}nav.internal .navigation{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}nav.internal .navigation a{padding:0 6px}h1{font-size:1em;font-family:var(--font-sans)}h1 .chapter{font-weight:400;color:#495057;margin-bottom:2px}h1 .title{font-weight:600;font-size:1.9em}.you-are-here{width:100%;background:#e9ecef;display:flex;flex-direction:column;align-items:center;padding:5px 0;margin:10px 0;line-height:1.7;font-size:.95em}.you-are-here p{margin:5px 0;font-style:italic}@media (max-width: 720px){:root{--toc-width: 0px}nav.internal{display:none}html,body,main{overflow:auto}}@media (max-width: 420px){main{padding-top:40px}.you-are-here p{margin-top:0;margin-bottom:10px}}@media print{:root{--toc-width: 0px}header{font-size:1.1em;text-align:center}nav.internal,.you-are-here{display:none}main{padding:0}html,body,main{overflow:visible}}
