/* Earn 5.14: shared readable workspaces and compact, navigable catalogues. */
:is(#blueApp,#liquidityApp,#lendingApp,.earn-enhanced) {--earn-shadow:0 8px 28px #0000000c;}
:is(#blueApp,#liquidityApp,#lendingApp,.earn-enhanced) :is(input,select,button,a,summary):focus-visible {outline:3px solid var(--desk-accent);outline-offset:3px;}
.earn-suite-nav a,.earn-context-nav a {font-size:13px;min-height:44px;}
.earn-suite-nav a[aria-current],.earn-suite-nav a[data-active] {background:var(--desk-accent);color:#08251d;}
html[data-theme=light] .earn-suite-nav a[aria-current],html[data-theme=light] .earn-suite-nav a[data-active] {color:#fff;background:#126d53;}
:is(#blueApp,#liquidityApp,#lendingApp) {max-width:1440px;margin-inline:auto;padding-inline:32px;}
:is(#blueApp,#liquidityApp,#lendingApp) .options-hero {padding:10px 0 24px;gap:24px;}
:is(#blueApp,#liquidityApp,#lendingApp) .options-hero h1 {font-size:clamp(34px,3.7vw,52px);letter-spacing:-.045em;line-height:1.1;}
:is(#blueApp,#liquidityApp,#lendingApp) .options-hero>div>p:not(.options-kicker) {max-width:710px;font-size:16px;line-height:1.7;}
:is(#blueApp,#liquidityApp,#lendingApp) .options-tags {gap:8px;}
:is(#blueApp,#liquidityApp,#lendingApp) .options-tags span {font-size:12px;line-height:1.6;}
:is(#blueApp,#liquidityApp,#lendingApp) :is(.product-panel,.lending-ticket,.lending-markets,.lending-positions) {border-radius:16px;box-shadow:var(--earn-shadow);}
:is(#blueApp,#liquidityApp) .product-grid {grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);gap:24px;align-items:start;}
:is(#blueApp,#liquidityApp) .product-panel {padding:26px;}
#blueApp .blue-position-panel {position:sticky;top:20px;}
:is(#blueApp,#liquidityApp,#lendingApp) :is(.product-help,.options-risk,.lending-note) {font-size:13px;line-height:1.75;}
:is(#blueApp,#liquidityApp,#lendingApp) label {font-size:13px;line-height:1.5;}
:is(#blueApp,#liquidityApp,#lendingApp) :is(input:not([type=checkbox]),select) {min-height:48px;padding:11px 13px;font-size:14px;min-width:0;box-sizing:border-box;}
:is(#blueApp,#liquidityApp,#lendingApp) button {min-height:44px;font-size:13px;}
:is(#blueApp,#liquidityApp,#lendingApp) button:disabled {opacity:.5;cursor:not-allowed;}
:is(#blueApp,#liquidityApp,#lendingApp) [hidden] {display:none!important;}
:is(#blueApp,#liquidityApp,#lendingApp) .options-primary {min-height:50px;font-weight:700;}
.blue-search-tools {grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:12px;}
.blue-filter-tools {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 22px;}
.blue-filter-tools label {display:grid;gap:8px;color:var(--desk-muted);}
.blue-filter-tools select {width:100%;background:var(--desk-subtle);color:var(--desk-ink);border:1px solid var(--desk-line);border-radius:10px;}
#blueApp .product-market-list {display:grid;gap:0;border-block:1px solid var(--desk-line);border-radius:0;overflow:visible;max-height:none;}
#blueApp .product-market-row {padding:17px 10px;gap:16px;border:0;border-bottom:1px solid var(--desk-line);border-radius:0;background:transparent;grid-template-columns:minmax(0,1fr) 100px 88px;}
#blueApp .product-market-row:last-child {border-bottom:0;}
#blueApp .product-market-row:hover {background:var(--desk-subtle);}
#blueApp .product-market-row[data-selected=true] {background:var(--desk-raised);box-shadow:inset 3px 0 var(--desk-accent);}
#blueApp .product-market-row h3 {font-size:15px;line-height:1.4;margin:0 0 4px;overflow-wrap:anywhere;}
#blueApp .product-market-row p {font-size:11px;margin:0 0 4px;}
#blueApp .product-market-row small {font-size:11px;line-height:1.5;}
#blueApp .product-market-row button {width:88px;padding:8px;font-size:12px;}
#blueApp .blue-token-badge {width:34px;height:34px;flex:0 0 34px;border-radius:50%;font-size:11px;}
.blue-market-ltv strong {font-size:16px;font-variant-numeric:tabular-nums;}
.market-pagination {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 4px;}
.market-pagination span {font-size:12px;color:var(--desk-muted);text-align:center;}
.market-pagination button {padding:9px 13px;background:var(--desk-subtle);border:1px solid var(--desk-line);border-radius:8px;color:var(--desk-ink);}
#blueMarketStatus {min-height:40px;margin:14px 0;}
#blueMarkets[aria-busy=true],#lendVaults[aria-busy=true] {opacity:.6;}
.market-back {display:none;}
#blueApp .product-metrics {gap:10px;margin:20px 0;}
#blueApp .product-metrics>div {padding:14px 12px;border-radius:10px;background:var(--desk-subtle);border:1px solid var(--desk-line);}
#blueApp .product-metrics strong {font-size:18px;overflow-wrap:anywhere;}
#blueApp .options-specs {padding:16px;background:var(--desk-subtle);border-radius:10px;font-size:13px;gap:12px;}
#blueApp .product-form {padding-top:20px;margin-top:20px;border-top:1px solid var(--desk-line);gap:16px;}
#blueApp #blueAmount {font-size:24px;min-height:60px;}
#blueApp .product-empty {padding:24px;background:var(--desk-subtle);border-style:solid;}
#blueApp .product-empty h3 {font-size:20px;}
#blueApp .product-empty p,#blueApp .product-empty li {font-size:14px;line-height:1.7;}
#blueApp .blue-position-panel .options-risk {margin-top:24px;padding:12px 14px;border-radius:0 8px 8px 0;}
#lendingApp .lending-vault {min-height:100px;padding:18px;}
#lendingApp .lending-market-name h3 {font-size:16px;}
#lendingApp .lending-rate strong {font-size:18px;font-variant-numeric:tabular-nums;}
#lendingApp .lending-ticket {scroll-margin-top:20px;}
#lendingApp #lendAmounts input {font-size:22px;}
#liquidityApp .product-position-grid {gap:18px;}
#liquidityApp .product-position-actions button {white-space:normal;}
.earn-enhanced .earn-path-card,.earn-enhanced .earn-product-card {transition:border-color .15s,background .15s;}
.earn-enhanced :is(.yield-help,.yield-risk,.yield-hint,.native-earn-note) {font-size:13px;line-height:1.75;}
.earn-enhanced :is(.yield-empty,.yield-provider-issue) {padding:18px;line-height:1.65;}
.earn-enhanced :is(input,select) {font-size:15px;}
.earn-enhanced :is(.yield-card,.native-earn-card) {box-shadow:var(--earn-shadow);}
@media(max-width:1100px){#blueApp .product-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr)}#blueApp .product-market-row{grid-template-columns:minmax(0,1fr) 88px}#blueApp .blue-market-ltv{grid-column:1;padding-left:44px}#blueApp .product-market-row button{grid-column:2;grid-row:1 / span 2}}
@media(max-width:900px){:is(#blueApp,#liquidityApp) .product-grid{grid-template-columns:1fr}#blueApp .blue-position-panel{position:static}.market-back{display:inline-block;margin-top:20px;color:var(--desk-accent)}:is(#blueApp,#liquidityApp,#lendingApp){padding-inline:20px}}
@media(max-width:560px){:is(#blueApp,#liquidityApp,#lendingApp){padding-inline:14px}:is(#blueApp,#liquidityApp) .product-panel{padding:18px}.blue-search-tools,.blue-filter-tools{grid-template-columns:1fr}.blue-filter-tools{gap:12px}#blueApp .product-market-row{padding:16px 8px;gap:10px}#blueApp .product-market-row h3{font-size:14px}.market-pagination{gap:6px}.market-pagination button{padding:8px 10px;font-size:12px}#blueApp .product-empty{padding:18px}.earn-suite-nav{flex-wrap:nowrap;overflow-x:auto}.earn-suite-nav a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.earn-enhanced .earn-path-card,.earn-enhanced .earn-product-card{transition:none}}
#lendingApp .lending-vaults{max-height:none;overflow:visible}
.earn-suite-nav{scrollbar-width:thin;scrollbar-color:var(--desk-line) transparent}

.earn-funding{margin-top:24px}.earn-funding h2{font-size:25px;margin:8px 0 12px}.earn-funding>p:not(.options-kicker){font-size:14px;line-height:1.7;color:var(--desk-muted);max-width:800px}.earn-funding .earn-next-links a{background:var(--desk-subtle);border-color:var(--desk-line);font-size:14px;line-height:1.6}.earn-funding .earn-next-links a:hover{border-color:var(--desk-accent)}.earn-funding .earn-next-links b{font-weight:600}

#multiPortfolio :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--desk-accent);outline-offset:3px}#multiPortfolio .portfolio-page-heading p{font-size:14px;line-height:1.7}#multiPortfolio .yield-eyebrow{font-size:11px}#multiPortfolio :is(.portfolio-header-actions button,.portfolio-inline-actions button,.portfolio-inline-actions a){min-height:44px;font-size:13px}#multiPortfolio .portfolio-inline-actions{display:flex;flex-wrap:wrap;gap:8px}#multiPortfolio :is(.portfolio-note,.portfolio-position-detail){font-size:13px;line-height:1.7}#multiPortfolio :is(input,select){min-height:44px;font-size:14px}#multiPortfolio .portfolio-position{border-radius:14px}#multiPortfolio [hidden]{display:none!important}