:root{--athena-link-color:#004c99;--athena-visited-color:#702070;--athena-selection-color:red}
::selection{background:var(--athena-selection-color)}
::-moz-selection{background:var(--athena-selection-color)}
html,body{height:100%;margin:0;background:#b7b7b7;color:#111;font:14px 'Courier New',monospace}
button,input,select{font:inherit}
.desktop{position:relative;height:calc(100% - 28px);overflow:hidden;background:#9aa0a6}
.taskbar{height:27px;display:flex;gap:4px;align-items:center;background:#c8c8c8;border-top:1px solid #777;padding:0 6px;overflow:hidden}
.task{height:21px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:2px outset #eee;background:#ddd;color:#111;padding:0 8px;cursor:pointer}
.task.active{border-style:inset;background:#f2f2f2}
.win{position:absolute;background:#eee;border:2px solid #333;box-shadow:4px 4px 0 #666;min-width:220px;min-height:120px}
.win.minimized,.win.closed{display:none}
.win.maximized{box-shadow:none}
.title{height:24px;background:#0a246a;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6px;cursor:move;font-weight:bold}
.title-left{display:flex;align-items:center;gap:6px;min-width:0}
.caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buttons,.doc-nav{display:flex;gap:3px}
.ctrl{position:relative;height:18px;width:22px;border:2px outset #eee;background:#d8d8d8;padding:0;margin:0;cursor:pointer;color:#111}
.ctrl:disabled{cursor:default;opacity:.45}
.ctrl:active{border-style:inset}
.ctrl:before,.ctrl:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box}
.ctrl.min:before{width:11px;height:2px;background:#111;top:65%}
.ctrl.max:before{width:10px;height:9px;border:2px solid #111;background:transparent}
.ctrl.restore{display:none}
.win.maximized .ctrl.restore{display:inline-block}
.win.maximized .ctrl.max{display:none}
.ctrl.restore:before{width:10px;height:8px;border:2px solid #111;background:#d8d8d8;left:55%;top:45%}
.ctrl.restore:after{width:10px;height:8px;border:2px solid #111;background:#d8d8d8;left:45%;top:58%}
.ctrl.close:before{width:13px;height:2px;background:#111;transform:translate(-50%,-50%) rotate(45deg)}
.ctrl.close:after{width:13px;height:2px;background:#111;transform:translate(-50%,-50%) rotate(-45deg)}
.ctrl.back:before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid #111;left:45%}
.ctrl.forward:before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #111;left:55%}
.ctrl.standalone:before{width:10px;height:8px;border:2px solid #111;background:transparent;left:43%;top:58%}
.ctrl.standalone:after{width:7px;height:7px;border-top:2px solid #111;border-right:2px solid #111;left:62%;top:38%}
.content{height:calc(100% - 24px);overflow:auto;background:#f7f7f7}
.tree{list-style:none;margin:0;padding:8px}
.tree .tree{padding:0 0 0 18px}
.tree li{margin:2px 0}
.tree a{color:var(--athena-link-color);text-decoration:none}
.tree a:visited{color:var(--athena-visited-color)}
.tree a:hover{text-decoration:underline}
.tree-row{display:flex;align-items:center;min-height:20px;gap:4px;white-space:nowrap}
.tree-toggle,.tree-spacer{width:14px;height:14px;flex:0 0 14px}
.tree-toggle{position:relative;border:0;background:transparent;padding:0;cursor:pointer}
.tree-toggle:before{content:'';position:absolute;left:4px;top:3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #111;transform:rotate(90deg)}
.tree-dir.collapsed>.tree-row .tree-toggle:before{transform:none}
.tree-dir.collapsed>ul{display:none}
.tree-folder{font-weight:bold;color:#111}
.tree-folder:before{content:'';display:inline-block;width:12px;height:9px;margin-right:5px;border:1px solid #775;background:#d8bf6a;box-shadow:inset 0 3px 0 #ead98f}
.tree-doc a:before{content:'';display:inline-block;width:9px;height:12px;margin-right:6px;border:1px solid #666;background:white;vertical-align:-2px}
.outline-list{list-style:none;margin:0;padding:8px}
.outline-list li{margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.outline-list a{color:var(--athena-link-color);text-decoration:none}
.outline-list a:visited{color:var(--athena-visited-color)}
.outline-list a:hover{text-decoration:underline}
.outline-level-1{padding-left:0;font-weight:bold}
.outline-level-2{padding-left:8px;font-weight:bold}
.outline-level-3{padding-left:18px}
.outline-level-4{padding-left:30px}
.outline-level-5{padding-left:42px}
.outline-level-6{padding-left:54px}
.outline-empty{padding:8px;color:#555}
.pane-tools{display:flex;gap:6px;padding:6px;background:#ddd;border-bottom:1px solid #888}
.pane-tools input{flex:1;background:white;border:1px solid #555;padding:2px 4px}
.results{list-style:none;margin:0;padding:4px}
.results li{padding:4px;border-bottom:1px solid #ccc;cursor:pointer}
.results li.active,.results li:hover{background:#c7dfd5}
.result-title{font-weight:bold}
.result-path{color:#555;font-size:12px}
.result-snippet{margin-top:2px;color:#222;white-space:normal}
#viewer iframe{width:100%;height:100%;border:0;background:white}
#viewer .content{overflow:hidden}
.resize{position:absolute;right:0;bottom:0;width:12px;height:12px;background:#555;cursor:nwse-resize}
.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f0f0f0;border:2px solid #222;box-shadow:4px 4px 0 #555;padding:14px;z-index:9999;display:none;max-width:420px}
.modal button{float:right;margin-top:10px}