/* FintechSphere research pages: shared fonts and site bar.
   Uses the same self hosted variable fonts as the homepage (public/assets/fonts). */
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-var.woff2?v=e3a28eade2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Martian Mono";src:url(/assets/fonts/martian-mono-var.woff2?v=f9c1655c2c) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-style:normal;font-display:swap}

/* site bar: sits over the top of the page and scrolls away with it */
.sitebar{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;gap:24px;
  padding:calc(env(safe-area-inset-top,0px) + 18px) clamp(16px,4vw,56px) 14px}
.sitebar .brand{display:flex;color:#E9EEF4}
.sitebar .brand svg{height:22px;width:auto;display:block}
.sitebar .lg-ring{stroke:#E9EEF4}.sitebar .lg-traj{stroke:#4CE0FF}.sitebar .lg-node{fill:#4CE0FF}.sitebar .lg-word{fill:#E9EEF4}
.sb-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.sb-nav a{color:#8E9BAD;text-decoration:none;font:500 14px/1.2 "Archivo","Helvetica Neue",Arial,sans-serif}
.sb-nav a:hover,.sb-nav a[aria-current="page"]{color:#E9EEF4}
.sb-nav .b{font:500 9px "Martian Mono",ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#FFE433;margin-left:5px;vertical-align:2px}
.sitebar a:focus-visible{outline:2px solid #4CE0FF;outline-offset:3px}
@media (max-width:640px){.sb-nav .sb-hide{display:none}.sitebar .brand svg{height:19px}}