main{display:flex;flex-direction:column;gap:1em}article{width:100%;max-width:48rem;margin:0 auto 8em}article h2{scroll-margin-top:7.2rem}article h3{scroll-margin-top:7.2rem}article h4{scroll-margin-top:7.2rem}article h5{scroll-margin-top:7.2rem}article h6{scroll-margin-top:7.2rem}body>nav{display:flex}article+aside{display:none}@media (max-width:1000px){aside:first-child{overflow:auto;width:22em;max-width:100%;height:100vh;margin:0;padding:1em 2em 3em;font-size:110%}aside:first-child nav{margin-bottom:2em}}@media (min-width:1000px){body>header{position:fixed;padding:var(--body-padding);border-bottom:var(--border);backdrop-filter:blur(4px);z-index:1;background-image:radial-gradient(#0000 1px,#fff 1px);background-size:4px 4px;width:100%;top:0;left:0}body>nav{display:none}main{margin-top:4rem}article{width:inherit;margin-left:18.5rem}aside{position:fixed;overflow-y:auto;display:block;height:calc(100vh - 5.9rem);padding:0 0 1em .6em}aside[popover]{margin:auto 0 0 2em;padding-right:4em}aside[popover] button{display:none}}@media (min-width:1300px){article{max-width:50vw}article+aside{display:block;width:15rem;margin-top:1em;right:2.5em}}article>footer{margin-top:5rem}.edit-page{background:url(/icon/github.svg) 0/1.25em no-repeat;padding-left:1.7em;font-size:90%}