header .manual-trigger{display:flex;gap:8px;align-items:center;border:1px solid #8af9ec55;background:#071d2acc;padding:12px;color:#b9e3dd;letter-spacing:0;font:11px monospace}
.manual-trigger kbd{font-size:10px;border:1px solid #8affec60;padding:3px}
.manual-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#02090fbc;backdrop-filter:blur(9px);font-family:'Courier New',monospace}
.manual-overlay[hidden]{display:none}
.manual-window{width:min(840px,96vw);color:#c8e8dc;background:#071c23;border:2px solid #70a9a0;box-shadow:inset 2px 2px #b9fff22a,inset -2px -2px #000,8px 8px 0 #02080ca6,0 0 80px #22f4db13}
.manual-titlebar{position:static;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 16px;background:#17423f;color:#ddfff2;font:13px 'Courier New',monospace;letter-spacing:.08em;border-bottom:1px solid #7de2c066}
.manual-titlebar small{color:#7fb5aa;font-size:10px}.manual-titlebar button{width:27px;height:25px;border:1px solid #a5decc;background:#163a36;box-shadow:inset 1px 1px #a5decc4d;font-size:19px}
.manual-body{display:grid;grid-template-columns:185px 1fr;min-height:400px;max-height:65dvh}
.manual-body nav{padding:20px 10px;border-right:1px solid #619a8c55;display:flex;flex-direction:column;gap:5px;background:#0c2429}
.manual-body nav button{text-align:left;padding:12px 10px;font:12px 'Courier New',monospace;color:#88aea1;border:1px solid transparent}
.manual-body nav button span{margin-right:10px;font-size:10px;color:#547c74}
.manual-body nav button[aria-current=true]{border-color:#84e9b2;background:#204839;color:#d8ffb3}
.manual-body article{padding:30px 32px;overflow-y:auto;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px)}
.manual-code{font-size:10px;letter-spacing:.13em;color:#7ac1a4;margin:0 0 20px}.manual-body h2{font:400 25px 'Courier New',monospace;color:#d9ffb9;margin:0 0 22px;letter-spacing:-.03em}
.manual-copy{font:13px/1.8 'Courier New',monospace;color:#accbc0}.manual-copy p{margin:0 0 16px}.manual-copy b{color:#d9ffb9}.manual-copy kbd{border:1px solid #77b7a47a;background:#1d3838;box-shadow:1px 2px #0007;padding:2px 5px;font:11px monospace;color:#e0f4c2;white-space:nowrap}
.manual-copy ol{padding-left:24px}.manual-copy li{padding-left:4px;margin-bottom:10px}.manual-copy .manual-tip{border-left:2px solid #c5f597;padding:10px 14px;background:#36674529;color:#d1e7b8}
.manual-copy dl{margin:0}.manual-copy dt{margin-bottom:4px;color:#dcf5ca}.manual-copy dd{margin:0 0 15px 0;color:#8db9ab}
.manual-status{padding:12px 16px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #75bd9f55;background:#0d292b;font-size:9px;color:#78ab98}
.manual-status button{border:1px solid #92c9a6;background:#214032;padding:9px 14px;font:11px monospace;color:#d5efc3;box-shadow:inset 1px 1px #c2fcb444}
@media(max-width:700px){header .manual-trigger{padding:8px;width:44px;height:44px;justify-content:center}header .manual-trigger span{display:none}.manual-trigger kbd{border:0;padding:0}.manual-overlay{padding:12px}.manual-titlebar{font-size:10px;padding:10px}.manual-titlebar small{display:none}.manual-body{grid-template-columns:1fr;max-height:66dvh;min-height:0}.manual-body nav{flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid #619a8c55;gap:3px}.manual-body nav button{white-space:nowrap;font-size:10px;padding:9px 8px}.manual-body nav button span{display:none}.manual-body article{padding:20px;max-height:52dvh}.manual-body h2{font-size:22px}.manual-copy{font-size:12px}.manual-status{gap:10px;padding:10px}.manual-status>span:nth-child(2){display:none}.manual-status button{font-size:10px;padding:8px}}

.manual-titlebar button{padding:0;display:grid;place-items:center}