.utility-nav.windows-nav{display:block;padding:4px;margin-bottom:20px;background:#bfc2c6;border:2px solid;border-color:#f9f9f9 #42454a #42454a #f9f9f9;box-shadow:inset 1px 1px #dce1e6,inset -1px -1px #7f858c;color:#10182c}.windows-nav .nav-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 5px;background:linear-gradient(100deg,#001878,#0752bc);color:#fff;border:0;margin:0;min-height:38px}.nav-app-title{display:flex;align-items:center;gap:9px;font:700 17px/1.2 "Courier New",monospace;letter-spacing:.045em}.nav-app-title img{width:24px;height:24px;image-rendering:pixelated}.nav-window-controls{display:flex;gap:3px;flex:none;pointer-events:none;user-select:none}.nav-window-controls>span{display:grid;place-items:center;width:26px;height:26px;background:#c4c6c9;color:#050b15;border:2px solid;border-color:#fff #45474a #45474a #fff;box-shadow:inset -1px -1px #85888c;font:bold 23px/1 Arial,sans-serif;letter-spacing:0}.windows-nav .nav-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:9px 7px 7px;border:0}.windows-nav .nav-buttons>a{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:13px;min-width:0;min-height:57px;padding:10px 16px;background:linear-gradient(#d5d7da,#b9bdc2);color:#10224b;border:2px solid;border-color:#fff #575b60 #575b60 #fff;box-shadow:inset 1px 1px #eef0f2,inset -1px -1px #888e96;font:700 15px/1.25 "Courier New",monospace;letter-spacing:.035em;text-decoration:none;transition:background-color 100ms,box-shadow 100ms}.nav-buttons>a:before{content:"";height:70%;position:absolute;left:4px;top:15%;border-left:1px dotted #6c7680}.nav-buttons>a img{flex:none;width:25px;height:25px;image-rendering:pixelated}.windows-nav .nav-buttons>a:active{border-color:#45494f #f5f7fa #f5f7fa #45494f;box-shadow:inset 2px 2px #7c8590;padding:11px 15px 9px 17px}.windows-nav .nav-buttons>a:focus-visible{background:#101d38;color:#b8eeff;box-shadow:inset 0 0 0 2px #4775b8;outline:2px dotted #b8eeff;outline-offset:-7px}@media(hover:hover){.windows-nav .nav-buttons>a:hover{background:#101d38;color:#b8eeff;box-shadow:inset 0 0 0 2px #4775b8}}@media(max-width:700px){.utility-nav.windows-nav{margin-bottom:14px}.windows-nav .nav-titlebar{min-height:35px}.nav-app-title{font-size:15px}.windows-nav .nav-buttons{gap:3px;padding:7px 3px 4px}.windows-nav .nav-buttons>a{min-height:58px;padding:8px 7px;gap:6px;font-size:12px;letter-spacing:0}.nav-buttons>a img{width:19px;height:19px}.windows-nav .nav-buttons>a:active{padding:9px 6px 7px 8px}.nav-window-controls>span{width:24px;height:24px;font-size:21px}}@media(max-width:370px){.windows-nav .nav-buttons>a{gap:4px;font-size:11px;padding-left:6px;padding-right:4px}.nav-buttons>a img{width:16px;height:16px}.nav-app-title{font-size:14px}}@media(prefers-reduced-motion:reduce){.windows-nav .nav-buttons>a{transition:none}}
/* Pixel-precise decorative controls: independent of font glyph metrics. */
.nav-window-controls>span{position:relative;font-size:0;box-shadow:inset 1px 1px #eceeef,inset -2px -2px #85888c}.nav-window-controls>span:before,.nav-window-controls>span:after{content:"";position:absolute;background:#070d17}.nav-window-controls .nav-minimize:before{left:5px;right:5px;bottom:4px;height:3px}.nav-window-controls .nav-maximize:before{inset:4px;border:2px solid #070d17;background:transparent}.nav-window-controls .nav-close:before,.nav-window-controls .nav-close:after{width:16px;height:3px;left:3px;top:9px;transform:rotate(45deg)}.nav-window-controls .nav-close:after{transform:rotate(-45deg)}@media(hover:hover){}@media(max-width:700px){.nav-window-controls .nav-close:before,.nav-window-controls .nav-close:after{width:14px;top:8px}}