:root{--desktop-teal: #008080;--win-bg: #c4c4c4;--win-text: #0a0a0a;--win-link: #0000cc;--win-link-visited: #4b157a;--win-border-light: #ffffff;--win-border-mid: #e0e0e0;--win-border-dark: #6a6a6a;--win-border-darker: #000000;--win-titlebar: #000080;--win-titlebar-text: #ffffff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;font-family:"MS Sans Serif",Tahoma,Verdana,Arial,sans-serif;font-size:12px;line-height:1.4;color:var(--win-text);background:var(--desktop-teal)}a{color:var(--win-link);text-decoration:underline}a:visited{color:var(--win-link-visited)}a:hover{text-decoration:none}a:focus-visible,.win-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px dotted var(--win-border-darker);outline-offset:2px}.desktop{min-height:100vh;padding:24px;display:grid;place-items:start center}.window{width:min(980px,calc(100vw - 48px));background:var(--win-bg);color:var(--win-text);border-top:2px solid var(--win-border-light);border-left:2px solid var(--win-border-light);border-right:2px solid var(--win-border-darker);border-bottom:2px solid var(--win-border-darker)}.title-bar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 8px;background:var(--win-titlebar);color:var(--win-titlebar-text);user-select:none}.title-bar-text{font-weight:700;letter-spacing:.2px}.window-body{padding:10px}.menu-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:6px;background:var(--win-bg);border-top:2px solid var(--win-border-light);border-left:2px solid var(--win-border-light);border-right:2px solid var(--win-border-dark);border-bottom:2px solid var(--win-border-dark)}.win-button{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:var(--win-bg);color:var(--win-text);border-top:2px solid var(--win-border-light);border-left:2px solid var(--win-border-light);border-right:2px solid var(--win-border-dark);border-bottom:2px solid var(--win-border-dark);text-decoration:none}.win-button:hover{background:#d4d4d4}.win-button:active,.win-button.is-active{border-top:2px solid var(--win-border-dark);border-left:2px solid var(--win-border-dark);border-right:2px solid var(--win-border-light);border-bottom:2px solid var(--win-border-light);padding:5px 9px 3px 11px}.content-area{padding:12px;background:#fafafa;border-top:2px solid var(--win-border-dark);border-left:2px solid var(--win-border-dark);border-right:2px solid var(--win-border-light);border-bottom:2px solid var(--win-border-light)}h1,h2,h3,p{margin:0 0 10px}article img{display:block;max-width:100%;height:auto;border-top:2px solid var(--win-border-light);border-left:2px solid var(--win-border-light);border-right:2px solid var(--win-border-dark);border-bottom:2px solid var(--win-border-dark)}pre,code{font-family:Lucida Console,Courier New,monospace;font-size:12px}pre{padding:10px;overflow:auto;background:#fff;border-top:2px solid var(--win-border-dark);border-left:2px solid var(--win-border-dark);border-right:2px solid var(--win-border-light);border-bottom:2px solid var(--win-border-light)}article iframe{width:100%;border-top:2px solid var(--win-border-light);border-left:2px solid var(--win-border-light);border-right:2px solid var(--win-border-dark);border-bottom:2px solid var(--win-border-dark)}article{max-width:110ch;margin:1rem auto}article time{display:block;margin-bottom:1rem;color:var(--win-text)}article blockquote{margin:0 0 10px;padding-left:10px;border-left:2px solid var(--win-border-dark)}