/* ══════════════════════════════════════════════════════════════════ LIQUA EXCHANGE · THE SITE SHELL Loaded LAST, after liqua-v3.css, on every page of /exchange/. ── Why this file exists ──────────────────────────────────────── The exchange is a separate app that ships into the site at /exchange/. It had its own header, its own nav and — until this file — no site around it: the link check reported exchange/ index.html missing every canonical nav destination, so a visitor who clicked Staking on the homepage landed somewhere that looked like a different product. This sheet supplies the frame the rest of liqua.network carries: the same destinations, the same footer site map, the same spine, the same tokens. ── What it deliberately does NOT do ──────────────────────────── It does not touch the desk. The order book, the entry bar and the panels are dense on purpose and every rule below is namespaced (.xs-*) or scoped under the shell's own elements, so nothing here can reach them. In particular liqua-type.css — the site's type sheet — is NOT linked here: its .ph, .lbl and .stat .v rules carry !important and would blow the desk's panel headers and stat rows up to prose sizes. The ramp comes from liqua-v3.css's --t-* and --v3-* tokens instead, applied only to the shell. Two fonts are pulled so the shell reads in the site's voice rather than the desk's mono: the same Outfit + Inter request liqua-type .css makes, so it is one cached response, not a second provider. ══════════════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap'); /* The site's container. Copied from liqua/site/index.html so the strip and the footer sit on the same 1100px spine as every other page; liqua-v3.css owns the side padding at each breakpoint and overrides what is here. */ .wrap{max-width:1100px;margin:0 auto;padding:0 22px} /* ── 1 · SITE STRIP ──────────────────────────────────────────────── A