:root{--face:silver;--bevel-light:#fff;--bevel-dark:gray;--bevel-darker:#404040;--title-from:#0a246a;--title-to:#a6caf0;--selection:navy;--desktop:teal;--ink:#000}*{box-sizing:border-box}body{background:var(--desktop);min-height:100vh;color:var(--ink);justify-content:center;margin:0;padding:2rem 1rem;font-family:Tahoma,Verdana,MS Sans Serif,sans-serif;font-size:14px;line-height:1.5;display:flex}a{color:#00e}a:visited{color:#551a8b}.window{background:var(--face);border:2px solid var(--bevel-darker);width:min(100%,46rem);height:fit-content;box-shadow:inset 1px 1px 0 var(--bevel-light), inset -1px -1px 0 var(--bevel-dark)}.window-titlebar{background:linear-gradient(90deg, var(--title-from), var(--title-to));justify-content:space-between;align-items:center;gap:.75rem;padding:.3rem .4rem;display:flex}.window-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.window-buttons{flex-shrink:0;gap:.3rem;display:flex}.win-btn{background:var(--face);width:1.6rem;height:1.6rem;color:var(--ink);box-shadow:inset 1px 1px 0 var(--bevel-light), inset -1px -1px 0 var(--bevel-darker);justify-content:center;align-items:center;font-size:.9rem;line-height:1;text-decoration:none;display:inline-flex}.win-btn:visited{color:var(--ink)}.win-btn:focus-visible{outline:1px dotted var(--ink);outline-offset:-3px}.win-btn:active{box-shadow:inset 1px 1px 0 var(--bevel-darker), inset -1px -1px 0 var(--bevel-light);transform:translate(1px,1px)}.win-btn-disabled{color:var(--bevel-dark);text-shadow:1px 1px 0 var(--bevel-light);cursor:default}.win-btn-disabled:active{box-shadow:inset 1px 1px 0 var(--bevel-light), inset -1px -1px 0 var(--bevel-darker);transform:none}.window-menubar{background:var(--face);border-bottom:1px solid var(--bevel-dark);box-shadow:inset 0 1px 0 var(--bevel-light);flex-wrap:wrap;gap:.1rem;padding:.2rem .35rem;display:flex}.window-menubar a{color:var(--ink);padding:.15rem .6rem;font-size:.85rem;text-decoration:none}.window-menubar a:visited{color:var(--ink)}.window-menubar a:hover,.window-menubar a:focus-visible{background:var(--selection);color:#fff;outline:none}.window-menubar a:active{box-shadow:inset 1px 1px 0 var(--bevel-darker), inset -1px -1px 0 var(--bevel-light);transform:translate(1px,1px)}.window-body{box-shadow:inset 1px 1px 0 var(--bevel-darker);background:#fff;margin:.5rem;padding:1rem 1.25rem}.window-body h1{color:var(--title-from);margin-top:0;font-size:1.3rem}.window-body h2{color:var(--title-from);font-size:1.05rem}.note{background:var(--face);box-shadow:inset 1px 1px 0 var(--bevel-darker), inset -1px -1px 0 var(--bevel-light);margin:1rem 0;padding:.75rem 1rem}.icon-links{flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.icon-link{width:6rem;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .25rem;font-size:.85rem;text-decoration:none;display:flex}.icon-link:visited{color:var(--ink)}.icon-link-glyph{background:var(--face);width:2.5rem;height:2.5rem;color:var(--title-from);box-shadow:inset 1px 1px 0 var(--bevel-light), inset -1px -1px 0 var(--bevel-darker);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.icon-link:hover,.icon-link:focus-visible{background:var(--selection);color:#fff;outline:none}@media (width<=30rem){body{padding:.75rem .5rem}.window-body{padding:.85rem 1rem}}