body,html{min-height:100vh;background-color:#fff;margin:0;padding:0}body{display:flex;flex-direction:column}body>main{flex:1}body{font-family:monospace;line-height:1.5}a{color:#055;text-decoration:none}a:hover{text-decoration:underline}a:active{color:#088}body>header{position:sticky;top:0;background-color:#333}body>header>nav>ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:1rem}body>header>nav>ul>li{display:flex}body>header>nav>ul>li>a{padding:.5rem 1rem;color:#fff;text-decoration:none}body>header>nav>ul>li>a:hover{text-decoration:underline}body>header>nav>ul>li>a:active{background-color:#555}body>footer{text-align:center;font-size:.875rem;color:#ccc;background-color:#333;padding:.5rem}body{background-color:#777}body>main{padding:1rem;width:min(60ch,100vw);margin:0 auto;background-color:#fff;padding-bottom:4rem;font-size:.875rem;padding-right:2ch;padding-left:2ch}body>main h1{text-align:center;font-size:1.5rem;font-weight:400;margin-bottom:2rem}body>main h1:first-child{margin-top:1rem}pre>code{background-color:#f5f5f5;padding:1rem;display:block;overflow-x:auto}body.page-bookmarks>main h2,body.page-bookmarks>main h3,body.page-bookmarks>main p{font-size:inherit;margin:0}body.page-bookmarks>main ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}body.page-bookmarks>main ul+h2{margin-top:2rem}body.page-bookmarks>main a{display:block;text-decoration:none;color:#000}body.page-bookmarks>main a h3{color:#055}body.page-bookmarks>main a:hover{background-color:#eff}body.page-bookmarks>main a:hover h3{text-decoration:underline}body.page-bookmarks>main a:active{background-color:#dff}body.page-bookmarks>main a:active h3{color:#088}