.site-menu,.site-directory{--nav-surface:#fafbf7;--nav-ink:#14251e;--nav-muted:#687466;--nav-border:#dce4da;--nav-hover:#edf5e9;color:var(--nav-ink)}
.site-menu--okx,.site-directory--okx{--nav-surface:#171717;--nav-ink:#f7f7f2;--nav-muted:#aaa;--nav-border:#444;--nav-hover:#292929}
.site-menu--coinbase,.site-directory--coinbase{--nav-surface:#fff;--nav-ink:#192338;--nav-muted:#586579;--nav-border:#dce2ed;--nav-hover:#f1f5fc}
.site-menu--finst,.site-directory--finst{--nav-surface:#fff;--nav-ink:#123c3d;--nav-muted:#55716f;--nav-border:#d5e5e1;--nav-hover:#eaf7f3}
header .nav,header .topbar{justify-content:flex-start;gap:18px}
header.header,body>header{z-index:40}
header .nav>.button,header .topbar>.button{margin-left:0;margin-right:0;margin-inline-start:auto;margin-inline-end:0}
.site-menu{position:relative;display:block;flex-shrink:0;z-index:28;font-size:1rem}
.site-menu>summary{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--nav-border);border-radius:10px;background:var(--nav-surface);color:var(--nav-ink);cursor:pointer;list-style:none}
.site-menu>summary::-webkit-details-marker{display:none}
.site-menu>summary:focus-visible{outline:3px solid var(--nav-muted);outline-offset:4px}
.hamburger-lines,.hamburger-lines::before,.hamburger-lines::after{display:block;width:19px;height:2px;background:currentColor;border-radius:2px}
.hamburger-lines{position:relative}
.hamburger-lines::before,.hamburger-lines::after{content:'';position:absolute;inset-inline-start:0}
.hamburger-lines::before{top:-6px}.hamburger-lines::after{top:6px}
.site-menu[open] .hamburger-lines{background:transparent}
.site-menu[open] .hamburger-lines::before{top:0;transform:rotate(45deg)}
.site-menu[open] .hamburger-lines::after{top:0;transform:rotate(-45deg)}
.site-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 15px);width:min(900px,calc(100vw - 44px));max-height:min(72vh,740px);max-height:min(72dvh,740px);overflow:auto;overscroll-behavior:contain;background:var(--nav-surface);border:1px solid var(--nav-border);border-radius:14px;padding:28px;box-shadow:0 18px 50px #0003;text-align:start}
.directory-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.7fr);gap:28px;width:100%}
.directory-grid section{min-width:0}
.directory-grid h3{font-size:.74rem;line-height:1.5;letter-spacing:.02em;font-weight:750;margin:0 0 17px;color:var(--nav-ink);overflow-wrap:anywhere}
.directory-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.directory-grid li{min-width:0;margin:0;padding:0}
.directory-grid a{display:block;font-size:.74rem;line-height:1.6;font-weight:400;letter-spacing:normal;color:var(--nav-muted);padding:6px 0;overflow-wrap:anywhere;hyphens:auto;text-decoration:none;border:0}
.directory-grid a:hover,.directory-grid a:focus-visible{color:var(--nav-ink);text-decoration:underline;text-underline-offset:4px}
.directory-grid a[aria-current]{color:var(--nav-ink);font-weight:700}
.site-menu-panel .directory-grid a{padding:8px;border-radius:5px}
.site-menu-panel .directory-grid a:hover,.site-menu-panel .directory-grid a:focus-visible{background:var(--nav-hover);text-decoration:none}
.site-directory{display:block;width:100%;margin:28px 0;padding:29px 0;border-top:1px solid var(--nav-border);border-bottom:1px solid var(--nav-border)}
@media(max-width:900px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.site-menu-panel{width:min(680px,calc(100vw - 44px))}}
@media(max-width:760px){header .nav,header .topbar{gap:10px}.site-menu>summary{width:40px;height:40px}.site-menu-panel{padding:22px}.site-directory{margin:23px 0;padding:25px 0}.directory-grid{column-gap:20px}.directory-grid a{font-size:.72rem;padding:7px 0}.directory-grid h3{margin-bottom:12px}.topbar .brand{white-space:normal;min-width:0}.topbar .brand-mark{flex-shrink:0}}
@media(max-width:480px){.site-menu-panel .directory-grid{grid-template-columns:1fr}.site-menu-panel{max-height:70dvh}.site-directory .directory-grid{grid-template-columns:1fr 1fr}.site-menu-panel .directory-grid a{padding:10px 8px}.topbar>.button,.nav>.button{max-width:135px!important;min-width:0}.site-menu-panel .directory-grid h3{font-size:.8rem}}

.site-menu--kraken,.site-directory--kraken{--nav-surface:#fff;--nav-ink:#21123e;--nav-muted:#6b617e;--nav-border:#e4ddef;--nav-hover:#f5f0fc}
@media(max-width:900px){.directory-grid>section:last-child{grid-column:1/-1}}
@media(max-width:480px){.site-directory .directory-grid>section:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}