/* 5.16: shared spacing, accessible navigation and product discovery. */
:root{--ui-page:#091219;--ui-shadow:0 8px 28px #00000012;--ui-space:clamp(16px,2.5vw,32px)}
html[data-theme=light]{--ui-page:#f5f8fa;--ui-shadow:0 5px 22px #193c4807;--desk-line:#dbe5e8;--desk-muted:#516472;--desk-ink:#172e3d;--desk-subtle:#f5f9f9;--desk-raised:#eaf5f0}
html{scroll-padding-top:20px}body{background:var(--ui-page)}
:where(main,.spot-hero,.site-header) :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--desk-accent);outline-offset:3px}
:where(main) :is(p,li){text-wrap:pretty}
:where(main) :is(h1,h2,h3){text-wrap:balance}
:where(main) :is(input,select,textarea){font-family:inherit}
:where(main) :is(input,select):disabled{cursor:not-allowed}
.site-header{background:var(--ui-page);border-color:var(--desk-line)}
.site-header .site-header-main{padding-block:12px;max-width:1600px}
.site-header .brand{letter-spacing:-.04em}
.site-header-actions{gap:8px}
.site-header .site-primary-nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.site-header-subrow{border-color:var(--desk-line)}
.site-header .explore-nav{padding-block:8px}
.site-header .explore-nav a{color:var(--desk-muted)}
.earn-suite-nav{gap:6px;padding:12px 0 18px;margin-bottom:0;border-color:var(--desk-line)}
.earn-suite-nav a{padding:10px 16px;border-radius:9px;font-weight:600;text-decoration:none}
.earn-context-nav{gap:6px;padding:10px 0 16px;border-bottom:1px solid var(--desk-line);margin-bottom:22px}
.earn-context-nav a{border-radius:8px;padding:9px 13px}
:where(.earn-experience,#blueApp,#liquidityApp,#lendingApp,.earn-enhanced){color:var(--desk-ink)}
:where(.earn-experience,#blueApp,#liquidityApp,#lendingApp) :is(.product-panel,.yield-ticket,.lending-ticket,.lending-markets,.yield-discover,.earn-guide,.earn-reading){box-shadow:var(--ui-shadow);border-color:var(--desk-line)}
:where(.yield-workspace,.lending-workspace,.blue-workspace){align-items:start}
:where(.yield-ticket,.lending-ticket,.blue-position-panel){align-self:start}
:where(.earn-hero,.options-hero) h1{max-width:850px}
.earn-hero{gap:40px;padding-block:24px 36px}
.earn-hero-guide{background:var(--desk-surface);border:1px solid var(--desk-line);border-radius:16px}
.earn-network-cards a{box-shadow:none;min-height:80px}
.earn-network-cards a[data-selected=true]{border-color:var(--desk-accent);background:var(--desk-raised)}
.earn-section-title{margin-top:32px}
.earn-guide :is(p,li),.earn-reading p{font-size:14px;line-height:1.8}
.earn-guide details{padding-block:16px}
.earn-guide summary{cursor:pointer;line-height:1.6}
.earn-next-grid a{min-height:128px}
.earn-intent-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.earn-intent-links a{padding:10px 14px;border:1px solid var(--desk-line);border-radius:9px;font-size:13px;color:var(--desk-accent);text-decoration:none;background:var(--desk-surface)}
#blueApp{max-width:1440px}
#blueApp .options-hero{padding-block:28px;align-items:center}
#blueApp .blue-workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:24px;align-items:start}
#blueApp .blue-position-panel{position:static;align-self:start;margin:0;min-width:0}
#blueApp .product-panel{padding:24px;border-radius:16px}
#blueApp .blue-market-identity{min-width:0;gap:14px;align-items:center}
.blue-pair-icons{display:inline-flex;align-items:center;flex:0 0 58px;width:58px}
.blue-pair-icons .token-art{width:36px;height:36px;min-width:36px;border:2px solid var(--desk-surface);background:var(--desk-raised);box-sizing:border-box}
.blue-pair-icons .token-art+ .token-art{margin-left:-14px;width:32px;height:32px;min-width:32px;margin-top:18px}
.blue-pair-icons .token-art img{width:100%;height:100%;object-fit:contain}
#blueApp .product-market-row{padding:20px 12px;grid-template-columns:minmax(0,1fr) 96px 88px;gap:12px}
#blueApp .product-market-row h3{font-size:15px;line-height:1.6}
#blueApp .product-market-row h3 a{color:var(--desk-ink);text-decoration:none;text-underline-offset:4px}
#blueApp .product-market-row h3 a:hover{text-decoration:underline;color:var(--desk-accent)}
#blueApp .product-market-row small{color:var(--desk-muted);font-variant-numeric:tabular-nums}
#blueApp .blue-market-ltv{padding:0;grid-column:auto}
#blueApp .blue-market-ltv small{display:block;margin:5px 0 0;font-size:10px}
#blueApp .product-market-row button{grid-column:auto;grid-row:auto;border-radius:9px}
#blueApp .blue-market-columns{grid-template-columns:minmax(0,1fr) 96px 88px;padding:14px 12px 0;gap:12px;font-size:10px}
#blueApp #blueMarketStatus{min-height:0;margin:12px 0 18px}
.blue-directory-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;margin:0 0 24px;padding:16px 20px;background:var(--desk-raised);border:1px solid var(--desk-line);border-radius:12px;font-size:13px;color:var(--desk-muted)}
.blue-directory-summary b{color:var(--desk-ink);font-size:16px;margin-right:6px}
.blue-directory-summary a{color:var(--desk-accent);margin-left:auto}
.blue-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--desk-muted);font-size:12px;margin:24px 0 0;line-height:1.7}
.blue-breadcrumbs a{color:inherit;text-decoration:none}.blue-breadcrumbs a:hover{text-decoration:underline}
.blue-market-heading{display:flex;align-items:center;gap:20px}.blue-market-heading .blue-pair-icons{transform:scale(1.2);transform-origin:left center;margin-right:8px}
#blueApp .blue-market-heading h1{font-size:clamp(28px,3.2vw,44px);overflow-wrap:anywhere;margin:10px 0 14px}
.blue-market-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.blue-market-kpis div{padding:18px;background:var(--desk-subtle);border:1px solid var(--desk-line);border-radius:12px}
.blue-market-kpis small,.blue-market-kpis strong{display:block}.blue-market-kpis small{font-size:12px;color:var(--desk-muted);margin-bottom:8px}.blue-market-kpis strong{font-size:18px;overflow-wrap:anywhere}
.blue-market-details h2{font-size:23px;margin-block:0 16px}.blue-market-details h3{font-size:17px;margin-block:24px 10px}.blue-market-details p{font-size:14px;color:var(--desk-muted);line-height:1.8}
.blue-market-details dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;font-size:12px;padding:18px 0;border-block:1px solid var(--desk-line)}
.blue-market-details dt{color:var(--desk-muted)}.blue-market-details dd{margin:0;overflow-wrap:anywhere}.blue-market-details code{font-size:11px;line-height:1.7}
.blue-market-details .blue-overview-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:20px 0;font-size:13px}.blue-market-details a{color:var(--desk-accent)}
.blue-related-markets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.blue-related-markets a{padding:18px;border:1px solid var(--desk-line);background:var(--desk-subtle);border-radius:12px;text-decoration:none;display:grid;gap:10px;color:var(--desk-ink)}.blue-related-markets small{color:var(--desk-muted);line-height:1.6}
#blueApp .blue-directory-fallback{margin-top:24px}.blue-directory-fallback summary{cursor:pointer;font-size:14px}.blue-directory-fallback ul{columns:3;padding-left:18px;font-size:12px;line-height:2}.blue-directory-fallback a{color:var(--desk-accent)}
#blueApp [hidden]{display:none!important}
:where(.main,#terminal) .panel{border-color:var(--desk-line);box-shadow:var(--ui-shadow)}
:where(#swap-workspace,.evm-ticket) :is(.token-input,.token-card){border-radius:14px}
.mobile-workspace-nav a{min-height:44px;display:flex;align-items:center;justify-content:center}
@media(max-width:1100px){#blueApp .blue-workspace{grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr)}#blueApp .product-market-row{grid-template-columns:minmax(0,1fr) 80px}#blueApp .blue-market-ltv{grid-column:1;padding-left:72px}#blueApp .blue-market-ltv strong,#blueApp .blue-market-ltv small{display:inline;font-size:12px;margin-right:6px}#blueApp .product-market-row button{grid-column:2;grid-row:1/span 2}#blueApp .blue-market-columns{display:none}.blue-related-markets{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.site-header #workspaceExplore{display:flex!important;flex:0 0 auto;flex-wrap:nowrap!important;justify-content:flex-start;gap:18px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 16px!important}.site-header #workspaceExplore a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;white-space:nowrap;text-decoration:none;font-size:12px}.site-header .site-header-subrow{display:flex!important;flex-direction:column;min-width:0;width:100%}.site-header .site-header-main{padding:10px 16px;gap:10px}.site-header .site-primary-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible!important}.site-header .site-primary-nav a{padding:9px 7px;font-size:13px}.site-header .site-pair-context{min-height:32px;padding-block:6px}#blueApp .blue-workspace{grid-template-columns:minmax(0,1fr)}#blueApp .blue-position-panel{scroll-margin-top:16px}.earn-suite-nav,.earn-context-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.earn-suite-nav a,.earn-context-nav a{white-space:nowrap;flex-shrink:0}.earn-hero{gap:22px;padding-top:12px}.earn-hero-guide{padding:20px}.blue-directory-fallback ul{columns:2}}
@media(max-width:650px){.site-header .brand{font-size:24px}.site-header-actions button{min-height:38px}.spot-hero{padding:20px 16px 18px!important}.spot-hero h1{font-size:30px!important;line-height:1.15!important;margin:10px 0 14px!important}.spot-hero>div>p{font-size:13px;line-height:1.65;margin:0}.spot-hero .eyebrow{font-size:10px}.cmd .wrap{padding:10px 14px!important;gap:8px!important}.cmd #quickPairs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;width:100%;gap:8px;padding-bottom:5px;scrollbar-width:thin}.cmd #quickPairs>*{flex-shrink:0;white-space:nowrap}.cmd .badge:has(#walletShort){display:none}.cmd .spacer{display:none}.cmd .wrap>a{font-size:12px}.mobile-workspace-nav{padding:8px 14px!important;gap:8px!important}.mobile-workspace-nav a{font-size:13px;border-radius:9px}.earn-suite-nav{padding-top:6px}.earn-suite-nav a{padding:9px 12px;font-size:12px}.earn-context-nav a{font-size:12px;min-height:40px}.earn-network-cards a{padding:12px;min-height:72px}.earn-guide{gap:22px}.earn-next-grid a{min-height:100px}#blueApp .options-hero{padding-top:18px;gap:14px}#blueApp .options-hero h1{font-size:32px}#blueApp .options-hero>div>p:not(.options-kicker){font-size:14px}#blueApp .options-tags span{font-size:10px}#blueApp .product-panel{padding:18px}#blueApp .blue-search-tools{grid-template-columns:1fr}#blueApp .blue-filter-tools{grid-template-columns:1fr 1fr;gap:8px}#blueApp :is(input,select){font-size:16px}#blueApp .product-market-row{padding:16px 4px;gap:8px}#blueApp .product-market-row h3{font-size:14px}#blueApp .blue-market-identity{gap:10px}.blue-market-kpis{gap:8px}.blue-market-kpis div{padding:12px}.blue-market-kpis strong{font-size:14px}.blue-market-kpis small{font-size:11px}.blue-market-details dl{grid-template-columns:1fr;gap:6px}.blue-market-details dd{margin-bottom:10px}.blue-related-markets{grid-template-columns:1fr}.blue-directory-summary{gap:8px 14px;padding:12px 14px;font-size:12px}.blue-directory-summary a{margin:0}.blue-directory-fallback ul{columns:1}.blue-market-heading{gap:12px}.blue-market-heading .blue-pair-icons{transform:none;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.earn-network-home{max-width:1440px;padding-bottom:64px}.earn-hub-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:64px;align-items:center;padding:52px 0 42px}.earn-hub-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 24px}.earn-hub-hero>div>p:not(.yield-eyebrow){font-size:16px;line-height:1.8;color:var(--desk-muted);max-width:680px;margin-bottom:28px}.earn-hub-hero aside{padding:28px;border:1px solid var(--desk-line);border-radius:16px;background:var(--desk-surface)}.earn-hub-hero ol{padding-left:20px;display:grid;gap:18px;margin:22px 0}.earn-hub-hero li{padding-left:6px;color:var(--desk-accent)}.earn-hub-hero li b,.earn-hub-hero li span{display:block}.earn-hub-hero li b{font-size:14px;color:var(--desk-ink)}.earn-hub-hero li span{font-size:13px;color:var(--desk-muted);margin-top:5px;line-height:1.6}.earn-hub-hero aside>a{color:var(--desk-accent);font-size:13px}.earn-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.earn-network-product{display:flex;flex-direction:column;gap:16px;padding:26px;border:1px solid var(--desk-line);border-radius:16px;background:var(--desk-surface);text-decoration:none;color:var(--desk-ink)}.earn-network-product:hover{border-color:var(--desk-accent);background:var(--desk-subtle)}.earn-hub-network{display:flex;gap:12px;align-items:center}.earn-network-product h2{display:flex;justify-content:space-between;gap:8px;font-size:24px;margin:0}.earn-network-product h2 span{color:var(--desk-accent)}.earn-network-product p{font-size:14px;line-height:1.7;color:var(--desk-muted);margin:0}.earn-network-product>span:last-child{font-size:13px;color:var(--desk-accent);margin-top:auto;padding-top:10px}.earn-hub-guide{border-top:1px solid var(--desk-line);padding:32px 0;margin-top:40px}.earn-hub-guide h2{font-size:28px}.earn-hub-guide p{font-size:14px;line-height:1.8;color:var(--desk-muted)}.earn-hub-guide>a{color:var(--desk-accent);font-size:14px}.earn-hub-explanations{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-block:24px}.earn-hub-explanations h3{font-size:17px}.borrow-mode-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px;padding:6px;background:var(--desk-subtle);border:1px solid var(--desk-line);border-radius:12px;width:fit-content}.borrow-mode-nav a{padding:10px 14px;font-size:13px;color:var(--desk-muted);border-radius:8px;text-decoration:none}.borrow-mode-nav a[aria-current]{color:var(--desk-accent);background:var(--desk-surface);box-shadow:var(--ui-shadow)}.borrow-pair-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.borrow-pair-links a{display:block;padding:14px 16px;border:1px solid var(--desk-line);border-radius:10px;font-size:14px;color:var(--desk-ink);text-decoration:none}.borrow-pair-links a:hover{border-color:var(--desk-accent)}.borrow-pair-links small{display:block;font-size:11px;color:var(--desk-muted);margin-top:7px}.borrow-directory>p{font-size:14px;line-height:1.8;color:var(--desk-muted)}#lendingApp .blue-market-details{min-width:0}#lendingApp .lending-market-name h3 a{color:var(--desk-ink);text-decoration:none}#lendingApp .lending-market-name h3 a:hover{color:var(--desk-accent);text-decoration:underline}.blue-row-open{padding:10px 8px;font-size:12px;color:var(--desk-accent);text-align:center;text-decoration:none}.blue-hidden-controls{display:none!important}
@media(max-width:1000px){.earn-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.earn-hub-hero{gap:28px}.borrow-pair-links{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.earn-hub-hero{grid-template-columns:1fr;padding:24px 0 12px;gap:22px}.earn-hub-hero h1{font-size:36px}.earn-hub-hero>div>p:not(.yield-eyebrow){font-size:14px}.earn-hub-hero aside{padding:20px}.earn-hub-grid{grid-template-columns:1fr}.earn-network-product{padding:22px}.earn-hub-explanations{grid-template-columns:1fr;gap:12px}.earn-hub-guide h2{font-size:24px}.borrow-pair-links{grid-template-columns:1fr}.borrow-mode-nav{width:auto;flex-wrap:nowrap;overflow:auto}.borrow-mode-nav a{padding:9px;font-size:12px;white-space:nowrap}}
.market-unavailable{display:block!important;margin-top:6px!important;color:var(--desk-warning)!important;font-size:11px!important}#lendingApp [hidden]{display:none!important}

#chart-workspace .ctls .seg button.active{background:var(--accent);color:var(--bg);font-weight:700;box-shadow:none}html[data-theme=light] #chart-workspace .ctls .seg button.active{color:#fff}#chart-workspace .evm-chart-controls{row-gap:10px}#chart-workspace .evm-chart-controls .seg{padding:4px;border-radius:10px}#chart-workspace .evm-chart-controls .seg button{border-radius:7px;min-height:36px}@media(max-width:760px){#chart-workspace .evm-chart-controls .seg button{min-height:44px}}

.lending-asset-identities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px}.lending-asset-identity{min-width:0;padding:16px;border:1px solid var(--desk-line);border-radius:12px;background:var(--desk-subtle)}.lending-asset-identity h3{margin-top:0}.lending-asset-identity p{margin:12px 0}.lending-asset-identity code,.lending-vault-address code{display:block;overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.7}.lending-asset-identity small{display:block;color:var(--desk-muted)}@media(max-width:600px){.lending-asset-identities{grid-template-columns:minmax(0,1fr)}}