@font-face{font-family:"Atari ST 8x16";src:url(/fonts/AtariST8x16.ttf)format("truetype");font-display:block}:root{--desk:#f0b040;--ink:#000;--paper:#fff;--grey:#d8d8d8;--gadget:19px;--bar:20px;--row:18px;--gutter:16px;--font:"Atari ST 8x16", ui-monospace, monospace;--title-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='4' shape-rendering='crispEdges'%3E%3Crect width='2' height='4' fill='%23fff'/%3E%3Crect width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3C/svg%3E");--checker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='2' height='2' fill='%23fff'/%3E%3Crect width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{background:var(--desk);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizespeed;font-size:16px;line-height:24px}body{background:var(--desk) url(/desktop.png) center / cover no-repeat fixed;min-height:100vh;image-rendering:pixelated;margin:0}body *{image-rendering:auto}.pattern{image-rendering:pixelated;background-size:2px 4px}a{color:inherit}:focus-visible{outline:1px dotted var(--ink);outline-offset:1px}::selection{background:var(--ink);color:var(--paper)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menubar{z-index:100;height:var(--bar);background:var(--paper);border-bottom:1px solid var(--ink);user-select:none;align-items:stretch;line-height:19px;display:flex;position:fixed;inset:0 0 auto}.menubar nav>ul{margin:0;padding:0 0 0 8px;list-style:none;display:flex}.menu{position:relative}.menu-title{height:19px;color:inherit;font:inherit;cursor:default;background:0 0;border:0;padding:0 8px;line-height:19px;text-decoration:none;display:block}.menu.open>.menu-title,.menu-title[aria-current=page]:hover{background:var(--ink);color:var(--paper)}.dropdown{background:var(--paper);border:1px solid var(--ink);white-space:nowrap;min-width:100%;margin:0;padding:0;list-style:none;display:none;position:absolute;top:19px;left:0}.menu.open>.dropdown{display:block}.dropdown a,.dropdown .disabled{height:var(--row);line-height:var(--row);justify-content:space-between;gap:16px;padding:0 16px;text-decoration:none;display:flex}.dropdown .disabled{color:#888}.dropdown a:hover,.dropdown a:focus-visible{background:var(--ink);color:var(--paper);outline:none}.dropdown a[aria-current=page]{position:relative}.dropdown a[aria-current=page]:before{content:"";transform-origin:3px 3px;border-bottom:2px solid;border-left:2px solid;width:7px;height:4px;position:absolute;top:4px;left:4px;transform:rotate(-50deg)}.dropdown .separator{height:var(--row);background:var(--checker) 0 8px / 2px 2px repeat-x;image-rendering:pixelated;clip-path:inset(8px 0 9px);background-position:0 8px;background-size:2px 2px}.menubar .right{margin-left:auto;padding-right:8px;display:flex}.menubar .right a,.menubar .right span{padding:0 8px;text-decoration:none}.menubar .right a:hover{background:var(--ink);color:var(--paper)}.desktop{min-height:100vh;padding:calc(var(--bar) + var(--gutter)) var(--gutter) var(--gutter);position:relative}.window{background:var(--paper);border:1px solid var(--ink);flex-direction:column;margin:0 auto;display:flex}.window.page{top:calc(var(--bar) + var(--gutter));bottom:var(--gutter);left:max(var(--gutter), calc((100vw - var(--window-w,1000px)) / 2));width:min(var(--window-w,1000px), calc(100vw - 2 * var(--gutter)));z-index:10;position:fixed}.window.page.full{top:var(--bar);width:100vw;bottom:0;left:0}.titlebar{height:calc(var(--gadget) + 1px);border-bottom:1px solid var(--ink);user-select:none;flex:none;display:flex}.gadget{width:var(--gadget);height:var(--gadget);background:var(--paper);color:var(--ink);cursor:default;border:0;flex:none;place-items:center;padding:0;display:grid}.gadget svg{width:var(--gadget);height:var(--gadget);shape-rendering:crispedges;display:block}.gadget:active svg{filter:invert()}.closer{border-right:1px solid var(--ink)}.fuller{border-left:1px solid var(--ink)}.title{min-width:0;height:var(--gadget);background:var(--title-pattern);image-rendering:pixelated;cursor:default;background-size:2px 4px;flex:1;justify-content:center;display:flex}.window:not(.active) .title{background:var(--paper)}.title h1,.title span{background:var(--paper);font:inherit;line-height:var(--gadget);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 8px;overflow:hidden}.window-body{flex:1;min-height:0;display:flex}.content{flex:1;min-width:0}.page .content{overscroll-behavior:contain;scrollbar-width:none;overflow:hidden auto}.page .content::-webkit-scrollbar{display:none}.vscroll{width:calc(var(--gadget) + 1px);border-left:1px solid var(--ink);user-select:none;touch-action:none;flex-direction:column;flex:none;display:flex}.vscroll .gadget+.track,.vscroll .track+.gadget{border-top:1px solid var(--ink)}.vscroll .down{border-bottom:1px solid var(--ink)}.track{background:var(--checker);image-rendering:pixelated;background-size:2px 2px;flex:1;position:relative}.slider{background:var(--paper);border:1px solid var(--ink);border-left:0;border-right:0;height:100%;position:absolute;top:0;left:0;right:0}.slider.at-top{border-top:0}.outline{z-index:200;border:1px dotted var(--ink);outline:1px dotted var(--paper);pointer-events:none;position:fixed}.window.inline .content{padding:16px}.icons{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.icon{flex-direction:column;align-items:center;width:96px;text-decoration:none;display:flex}.icon svg{shape-rendering:crispedges;width:48px;height:48px;image-rendering:pixelated;margin-bottom:2px;display:block}.icon .label{background:var(--paper);text-transform:uppercase;white-space:nowrap;padding:0 4px;line-height:16px}.icon:hover svg,.icon:focus-visible svg{filter:invert()}.icon:hover .label,.icon:focus-visible .label{background:var(--ink);color:var(--paper)}.icon:focus-visible{outline:none}.button{border:1px solid var(--ink);background:var(--paper);min-width:96px;color:var(--ink);font:inherit;text-align:center;cursor:default;padding:0 16px;line-height:20px;text-decoration:none;display:inline-block}.button.default{border-width:3px;line-height:16px}.dialog{background:var(--paper);border:1px solid var(--ink);box-shadow:inset 0 0 0 1px var(--paper), inset 0 0 0 2px var(--ink)}.button:hover{background:var(--ink);color:var(--paper)}.buttons{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.prose{max-width:74ch;padding:16px 24px 48px}.prose>:first-child{margin-top:0}.prose h1{margin:8px 0 24px;font-size:32px;font-weight:400;line-height:32px}.prose h2{border-bottom:1px solid var(--ink);text-transform:uppercase;margin:40px 0 16px;padding-bottom:4px;font-size:16px;font-weight:400;line-height:24px}.prose h3{text-underline-offset:3px;margin:32px 0 8px;font-size:16px;font-weight:400;text-decoration:underline}.prose h2 a,.prose h3 a{text-decoration:none}.prose p,.prose ul,.prose ol,.prose table,.prose pre{margin:0 0 16px}.prose ul{padding-left:24px;list-style:none}.prose ul>li{position:relative}.prose ul>li:before{content:"•";position:absolute;left:-16px}.prose ol{padding-left:32px}.prose li+li{margin-top:4px}.prose a:hover{background:var(--ink);color:var(--paper);text-decoration:none}.prose strong{text-underline-offset:3px;font-weight:400;text-decoration:underline 1px}.prose em{text-underline-offset:3px;font-style:normal;text-decoration:underline dotted}.prose code{background:var(--grey);font:inherit;padding:0 2px}.prose pre{border:1px solid var(--ink);font:inherit;padding:8px 16px;line-height:20px;overflow-x:auto;background:var(--paper)!important;color:var(--ink)!important}.prose pre code{background:0 0;padding:0;color:inherit!important}.prose pre span{color:inherit!important}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{border:1px solid var(--ink);text-align:left;vertical-align:top;padding:2px 8px}.prose th{background:var(--ink);color:var(--paper);font-weight:400}.prose kbd{border:1px solid var(--ink);font:inherit;white-space:nowrap;padding:0 4px}.prose blockquote{border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin:0 0 16px;padding:8px 16px}.prose img{border:1px solid var(--ink);max-width:100%;height:auto}.prose figure{margin:0 0 24px}.prose figcaption{color:#444;margin-top:4px}.prose hr{background:var(--checker);height:1px;image-rendering:pixelated;background-size:2px 2px;border:0;margin:32px 0}@media (width<=700px){:root{--gutter:0px}.prose{padding:16px 16px 48px}.prose h1{font-size:24px;line-height:32px}.prose table{display:block;overflow-x:auto}}
