:root{--p:#002e7a;--a:#929292;--bg:#ffffff;--tx:#1a1a1a}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--tx);background:var(--bg)}
.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;overflow-y:auto;background:#0c1830;color:#cdd6e6;padding:18px 14px}
.sidebar .logo{max-width:160px;max-height:54px;margin:6px 6px 14px;background:#fff;padding:6px;border-radius:8px}
.brand{display:block;color:#fff;font-weight:700;font-size:15px;text-decoration:none;margin:0 6px 14px;line-height:1.3}
.navgroup{color:#7f8db0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:18px 6px 4px;font-weight:700}
.navsub{color:#9fb0d6;font-size:11px;margin:10px 6px 2px;font-weight:600}
.navitem{display:block;color:#cdd6e6;text-decoration:none;padding:5px 10px;border-radius:6px;font-size:13.5px}
.navitem:hover{background:#17264a;color:#fff}
.navitem.sitelink{color:#9db4e6;font-weight:600}
.search{position:relative;margin:0 6px 8px}
.search input{width:100%;padding:8px 10px;border:1px solid #2a3a5e;border-radius:7px;background:#0a1426;color:#eaf0fb;font-size:13px;outline:none}
.search input:focus{border-color:var(--p);background:#0e1c38}
.search input::placeholder{color:#8294b8}
.results{display:none}
.results.open{display:block;position:absolute;z-index:20;top:100%;left:0;right:0;margin-top:4px;max-height:60vh;overflow-y:auto;background:#fff;color:var(--tx);border:1px solid #d7deea;border-radius:8px;box-shadow:0 12px 30px rgba(8,18,40,.28)}
.results a{display:block;padding:9px 12px;text-decoration:none;color:var(--tx);border-bottom:1px solid #eef1f7}
.results a:hover{background:#f2f6fc}
.results a b{display:block;font-size:13.5px;color:var(--p);font-weight:600}
.results a b i{font-style:normal;font-weight:400;color:#8a93a6;font-size:11px}
.results a span{display:block;font-size:12px;color:#5b6678;margin-top:2px;line-height:1.4}
.results .noresult{padding:10px 12px;color:#8a93a6;font-size:13px}
main{margin-left:300px;padding:0}
.doc{max-width:860px;margin:0 auto;padding:42px 32px 12px}
.doc h1{color:var(--p);font-size:30px;border-bottom:3px solid var(--p);padding-bottom:10px;margin-top:0}
.doc h2{color:var(--p);font-size:23px;margin-top:34px;border-bottom:1px solid #e3e8f0;padding-bottom:6px}
.doc h3{font-size:18px;margin-top:24px}.doc h4{font-size:15px;color:#33415c}
.doc a{color:var(--p)}.doc code{background:#eef1f7;padding:1.5px 5px;border-radius:4px;font-size:.88em}
.doc pre{background:#0c1830;color:#dbe4f5;padding:14px 16px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.5}
.doc pre code{background:none;color:inherit;padding:0}
.doc table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14.5px}
.doc th,.doc td{border:1px solid #dde3ec;padding:8px 11px;text-align:left;vertical-align:top}
.doc th{background:#f3f6fb}.doc tr:nth-child(even) td{background:#fafbfe}
.doc blockquote{border-left:4px solid var(--a);background:#f7f9fc;margin:14px 0;padding:10px 16px;border-radius:0 6px 6px 0}
.doc hr{border:0;border-top:1px solid #e3e8f0;margin:30px 0}
.doc img{max-width:100%}
footer{max-width:860px;margin:0 auto;padding:20px 32px 50px;color:#8a93a6;font-size:13px;border-top:1px solid #eef1f7}
.menubtn{display:none}#navtoggle{display:none}
@media(max-width:880px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:9}main{margin-left:0}
#navtoggle:checked~.sidebar{transform:none}.menubtn{display:inline-block;position:fixed;top:10px;right:12px;z-index:10;background:var(--p);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}.doc{padding-top:60px}}
