*{box-sizing:border-box}[hidden]{display:none!important}
html,body{margin:0;height:100%;background:#0e1a26;color:#eef3f7;font:15px/1.5 "Segoe UI",system-ui,sans-serif}
body{display:flex;flex-direction:column}
.bar{flex:none;display:flex;align-items:stretch;gap:2px;min-height:40px;padding:0 10px;background:#16232f;border-bottom:1px solid #34475a;overflow-x:auto;white-space:nowrap}
.bar a{display:flex;align-items:center;padding:0 12px;color:#b4c2cf;text-decoration:none;border-bottom:2px solid transparent}
.bar a:hover{color:#eef3f7}
.bar a[aria-current]{color:#eef3f7;border-bottom-color:#6cb6ff}
.bar .home{font-weight:600;color:#eef3f7;padding-inline-start:2px;margin-inline-end:10px}
.bar .end{margin-inline-start:auto;font-size:13px}
iframe{flex:1;width:100%;border:0;display:block}
main{flex:1;overflow:auto;padding:48px 20px}
main>div{max-width:640px;margin:0 auto}
h1{margin:0 0 10px;font-size:30px;font-weight:600}h2{margin:26px 0 6px;font-size:18px;font-weight:600}
p,li{color:#b4c2cf}main a{color:#6cb6ff}
.soon{display:inline-block;margin-top:8px;padding:3px 10px;border:1px solid #34475a;border-radius:6px;color:#b4c2cf;font-size:13px}