html[data-theme] body .home-metrics .depth-comparison{position:relative;container-type:inline-size;margin:14px 0;padding:18px;border:1px solid var(--baton-border);border-radius:16px;background:var(--baton-panel)!important;color:var(--baton-text);box-shadow:none!important;scroll-margin-top:18px}
.depth-comparison[hidden]{display:none!important}
html[data-theme] body .depth-comparison>.depth-head{position:static;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0;margin:0;background:transparent!important;border:0;backdrop-filter:none}
html[data-theme] body .depth-comparison h3,html[data-theme] body .depth-comparison h4{color:var(--baton-text)!important;margin:0;font-weight:600}
html[data-theme] body .depth-comparison h3{font-size:24px;letter-spacing:-.04em}
.depth-head p{font-size:11px;color:var(--baton-muted);margin:6px 0 0}
.depth-head>div:last-child{display:flex;gap:6px;flex:none}
html[data-theme] body .depth-comparison button{min-height:44px;min-width:44px;border:1px solid var(--baton-border);border-radius:10px;padding:8px 12px;color:var(--baton-text);background:transparent;font-size:11px}
html[data-theme] body .depth-comparison [data-depth-close]{padding:0;font-size:18px}
.depth-status{margin:12px 0;font:10px/1.5 ui-monospace,monospace;color:var(--baton-muted)}
.depth-controls,.depth-controls>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.depth-controls{justify-content:space-between}
html[data-theme] body .depth-comparison button[aria-pressed=true]{background:color-mix(in srgb,var(--baton-action) 13%,var(--baton-panel))!important;border-color:var(--baton-action)}
.depth-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 6px;font-size:11px}
.depth-legend>span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:6px}
.depth-key-baton{color:#126b42}.depth-key-pump{color:#166f9a}html[data-theme=dark] .depth-key-baton{color:#86dcad}html[data-theme=dark] .depth-key-pump{color:#76c9ed}
.depth-legend small{font-size:10px;color:var(--baton-muted)}
.depth-comparison figure{min-width:0;margin:0}
.depth-comparison figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0;font-size:12px;font-weight:600;color:var(--baton-text)}
.depth-comparison figcaption small{font:9px ui-monospace,monospace;color:var(--baton-muted);font-weight:400}
.depth-comparison svg{display:block;width:100%;height:auto;overflow:visible}
.depth-chart-label,.depth-chart-value{font:13px Arial,sans-serif;fill:var(--baton-text)}
.depth-chart-value{font-weight:600}.depth-axis{font:11px Arial,sans-serif;fill:var(--baton-muted)}.depth-axis-title{font:11px Arial,sans-serif;fill:var(--baton-muted)}
.depth-grid-line{stroke:var(--baton-border);stroke-width:.7;stroke-dasharray:2 5;opacity:.7}
.depth-bar-track{fill:color-mix(in srgb,var(--baton-border) 25%,transparent)}
.depth-unavailable{stroke:var(--baton-muted);stroke-width:1;stroke-dasharray:4 5}
.depth-equality{stroke:var(--baton-border);stroke-width:1;stroke-dasharray:4 5;fill:none}
.depth-coverage{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px;padding:10px 0 16px;border-bottom:1px solid var(--baton-border)}
.depth-coverage>div{display:grid;gap:5px}.depth-coverage strong{font-size:12px;font-weight:500}.depth-coverage span{font-size:11px}.depth-coverage small{font:9px/1.4 ui-monospace,monospace;color:var(--baton-muted)}
.depth-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.depth-chart-grid figure>p{font-size:10px;line-height:1.5;color:var(--baton-muted);margin:6px 0 14px}
.depth-benchmarks{margin-top:10px;padding-top:14px;border-top:1px solid var(--baton-border)}
.depth-benchmarks h4{font-size:12px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}
.depth-benchmarks h4>span{font-size:10px;font-weight:400;color:var(--baton-muted)}
.depth-benchmarks>div{display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr;gap:6px 12px;margin-top:14px;align-items:center}
.depth-benchmarks strong{font-size:12px;font-weight:600}.depth-benchmarks strong small{display:block;font-size:9px;color:var(--baton-muted);font-weight:400;margin-top:4px}
.depth-benchmarks span{font-size:9px;color:var(--baton-muted)}.depth-benchmarks b{display:block;font-size:12px;color:var(--baton-text);font-weight:500;margin-top:4px;overflow-wrap:anywhere}
.depth-benchmarks>div>small{grid-column:1/-1;font:9px/1.4 ui-monospace,monospace;color:var(--baton-muted)}
.depth-method{font-size:11px;color:var(--baton-muted);margin-top:16px;line-height:1.6}
.depth-method summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--baton-text)}
.depth-method a{display:inline-flex;align-items:center;min-height:44px;color:var(--baton-action)}
.depth-loading{padding:20px 0;font-size:12px;line-height:1.6;color:var(--baton-muted)}
html[data-theme] body .depth-comparison>.card-export-button{position:static!important;display:flex;justify-self:end;margin:8px 0 0 auto}
html[data-theme] body .home-metrics [data-home-depth-open]{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;margin-top:12px;border:1px solid var(--baton-border);border-radius:10px;background:transparent;color:var(--baton-text);font-size:11px;padding:8px}
@container(max-width:800px){.depth-chart-grid{grid-template-columns:1fr}}
@container(max-width:480px){html[data-theme] body .depth-comparison>.depth-head{flex-wrap:wrap}.depth-head>div:last-child{margin-left:auto}.depth-benchmarks>div{grid-template-columns:1fr 1fr}.depth-controls{align-items:flex-start}.depth-coverage{gap:10px}.depth-chart-label,.depth-chart-value{font-size:12px}.depth-chart-grid{gap:8px}}
@media(prefers-reduced-motion:no-preference){.depth-comparison svg circle:hover{filter:brightness(1.15);stroke-width:2}.depth-comparison:not([hidden]){animation:depth-arrive 300ms ease-out}@keyframes depth-arrive{from{transform:translateY(6px)}to{transform:translateY(0)}}}

/* A readable story precedes the detailed market plots. */
.depth-story,.depth-simple-comparison,.depth-simple-concentration{padding:22px 0;border-top:1px solid var(--baton-border)}
.depth-story-heading>span{display:block;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:var(--baton-muted);margin-bottom:8px}
html[data-theme] body .depth-story-heading h4{font-size:clamp(18px,2.3vw,24px);letter-spacing:-.035em;line-height:1.2}
.depth-pair-chain{display:grid;grid-template-columns:1fr minmax(80px,1fr) 1fr minmax(80px,1fr) 1fr;align-items:center;gap:8px;margin:28px 0 24px}
.depth-pair-node{display:grid;justify-items:center;gap:7px;text-align:center}.depth-pair-node img{object-fit:contain;border:1px solid var(--baton-border);border-radius:13px;background:var(--baton-panel)}
.depth-pair-node strong{font-size:18px}.depth-pair-node small,.depth-pair-link small{font-size:10px;color:var(--baton-muted)}
.depth-usdc-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:#2775ca;font-size:27px}
.depth-pair-link{display:grid;justify-items:center;gap:5px;text-align:center}.depth-pair-link span{font:9px ui-monospace,monospace}.depth-pair-link b{font:28px/1 var(--body);width:100%;color:var(--baton-muted);background:linear-gradient(var(--baton-border),var(--baton-border)) center/100% 1px no-repeat}
.depth-ecosystem-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px}.depth-branch{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid color-mix(in srgb,var(--depth-color) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--depth-color) 5%,transparent)}
.depth-baton{--depth-color:#126b42}.depth-pump{--depth-color:#166f9a}html[data-theme=dark] .depth-baton{--depth-color:#86dcad}html[data-theme=dark] .depth-pump{--depth-color:#76c9ed}
.depth-branch>span{font-size:26px;color:var(--depth-color)}.depth-branch strong{font-size:12px}.depth-branch small{display:block;font-size:10px;line-height:1.5;color:var(--baton-muted);margin-top:4px}.depth-branch>b{margin-left:auto;font-size:23px;text-align:right;font-weight:500;flex:none}.depth-branch>b small{font-size:9px;font-weight:400}
.depth-price-example{margin-top:18px;padding:0 16px;border:1px solid var(--baton-border);border-radius:14px;background:color-mix(in srgb,var(--baton-panel) 45%,transparent)}
.depth-price-example summary,.depth-advanced>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:12px}.depth-price-example summary>span{font-size:18px}
.depth-price-example label{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px}.depth-price-example output{font-weight:600}.depth-price-example input{box-sizing:border-box;width:100%;height:44px;accent-color:var(--baton-action);margin:4px 0 8px}
.depth-example-result{display:flex;align-items:center;justify-content:center;gap:clamp(12px,5vw,48px);padding:14px 0}.depth-example-result span{font-size:11px}.depth-example-result b{display:block;font-size:28px;letter-spacing:-.04em;margin-top:6px}.depth-example-result i{font-size:26px;color:var(--baton-muted)}
.depth-price-example p{font-size:12px;line-height:1.6;margin:6px 0}.depth-price-example>small{display:block;margin:10px 0 16px;font-size:10px;line-height:1.6;color:var(--baton-muted)}
.depth-story-source{font-size:10px;line-height:1.6;color:var(--baton-muted);margin:6px 0 0}.depth-story-source a{display:inline-flex;align-items:center;min-height:44px;color:var(--baton-action)}
.depth-simple-comparison>p,.depth-simple-concentration>p{font-size:12px;line-height:1.6;color:var(--baton-muted);margin:10px 0 16px;max-width:75ch}.depth-simple-bars{display:grid;gap:20px;margin:22px 0}.depth-simple-row>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:9px}.depth-simple-row strong{font-size:12px;font-weight:500}.depth-simple-row b{font-size:24px;font-weight:500;letter-spacing:-.04em}
.depth-simple-track,.depth-share-track{display:flex;height:14px;overflow:hidden;border-radius:5px;background:color-mix(in srgb,var(--depth-color) 12%,transparent)}.depth-simple-track i,.depth-share-track i{height:100%;display:block;background:var(--depth-color);border-radius:5px}.depth-simple-row>small,.depth-concentration-card>small{display:block;font-size:10px;line-height:1.5;color:var(--baton-muted);margin-top:8px}.depth-comparison-caveat{font-size:10px!important;margin-bottom:0!important}
.depth-concentration-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.depth-concentration-card{min-width:0;padding:18px;border:1px solid var(--baton-border);border-radius:14px}.depth-concentration-card>strong{font-size:12px;font-weight:500}.depth-concentration-number{font-size:34px;letter-spacing:-.045em;line-height:1.2;margin:14px 0}.depth-concentration-number>span{display:block;font-size:11px;letter-spacing:normal;color:var(--baton-muted);margin-top:5px}.depth-share-track{height:18px}
.depth-advanced{margin:4px 0 14px;border-bottom:1px solid var(--baton-border)}.depth-advanced>summary{justify-content:flex-start;font-weight:500;flex-wrap:wrap;padding-bottom:8px}.depth-advanced>summary::before{content:'+';font-size:22px;font-weight:400}.depth-advanced[open]>summary::before{content:'−'}.depth-advanced>summary span{font-size:10px;font-weight:400;color:var(--baton-muted);margin-left:auto}
@container(max-width:560px){.depth-pair-chain{grid-template-columns:1fr 52px 1fr 52px 1fr;gap:3px;margin:22px -4px}.depth-pair-node strong{font-size:14px}.depth-pair-node small{font-size:9px}.depth-pair-link span{font-size:7px}.depth-pair-link small{display:none}.depth-ecosystem-branches{grid-template-columns:1fr;gap:8px}.depth-branch{padding:12px}.depth-concentration-cards{grid-template-columns:1fr;gap:10px}.depth-story,.depth-simple-comparison,.depth-simple-concentration{padding:18px 0}.depth-advanced>summary span{margin-left:22px}.depth-concentration-number{font-size:30px}.depth-simple-row b{font-size:22px}}