html{font-family:system-ui,sans-serif;--bg:hsl(32, 98%, 92%);--fg:hsl(220, 4.76%, 12.35%);--link-fg:hsl(208.99, 55.28%, 31.57%);--text-decoration-fg:hsl(0, 0%, 80%);--sidebar-bg:hsl(32, 80%, 88.5%);color:var(--fg);background-color:var(--bg)}@media(prefers-color-scheme:dark){html{--bg:hsl(220, 4.76%, 12.35%);--fg:hsl(220, 9.68%, 93.92%);--link-fg:hsl(208.97, 80.11%, 64.51%);--text-decoration-fg:hsl(0, 0%, 46.84%);--sidebar-bg:hsl(220, 4.76%, 16.35%)}}body{margin:0;overflow-x:clip}h1{text-align:center}a:link,a:visited{text-decoration-color:var(--text-decoration-fg);color:var(--link-fg)}aside#sidebar{position:fixed;top:0;left:0;width:min(33%,200px);height:100%;background-color:var(--sidebar-bg);overflow-y:auto;padding:0 10px;box-sizing:border-box}aside#sidebar a:link,aside#sidebar a:visited{text-decoration:none;color:var(--fg)}aside#sidebar ul{list-style:none;padding-left:1rem}aside#sidebar>ul>li:not(first-child){margin-top:1rem}aside#sidebar>ul{padding-left:0}div#main-and-footer{margin-left:min(33%,200px);padding:0 10px;overflow-x:auto}main{margin:0 auto}main:not(.wide){max-width:50rem}@media(max-width:550px){aside#sidebar{display:none}div#main-and-footer{margin-left:0}}.nav-current{font-weight:700}