/* Overview composition only: fonts, controls, semantic colors and titles come from the site theme. */
.marketOverviewActive{--overview-surface:var(--card,#fff);--overview-accent:var(--flat-teal,#168b87)}
[data-theme="dark"] .marketOverviewActive{--overview-surface:#192633;--overview-accent:#79c2b9}
.marketOverviewActive .marketPageHero{position:relative;display:block;background:none;border:0;box-shadow:none;padding-inline:0;padding-bottom:0;margin:0}
.marketOverviewActive .marketPageHeroSignal{display:none}
.marketOverviewActive .marketPageHero .cardLeaderboardTestHeroCopy{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:4px;align-items:center}
.marketOverviewActive .marketPageHero .heroTitle{grid-column:1;grid-row:1 / 3;margin:0}
.marketOverviewActive #marketPageEyebrow{grid-column:2;grid-row:1;justify-self:end;text-align:right;margin:0}
.marketOverviewActive .marketPageHero .heroBody{font-size:0;line-height:1.4;grid-column:2;grid-row:2;text-align:right;margin:0}
.marketOverviewActive #marketPageMeta{font-size:12px;color:var(--muted);font-weight:400}
.marketOverviewActive .marketPageHero .heroBody [data-trend-range-copy]{display:none}
.marketOverviewActive .marketPageTabsWrap{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 4px;border-bottom:0;padding:0;background:none}
.overviewTopToolbar{display:none}
.marketOverviewActive .overviewTopToolbar{display:block;flex:0 0 auto;margin:0;padding:0}
.marketOverviewActive .overviewTopToolbar .trendsToolbarControls{display:flex;align-items:center;gap:18px;flex-wrap:nowrap}
@media(max-width:1100px){.marketOverviewActive .marketPageTabsWrap{flex-wrap:wrap;gap:8px}.marketOverviewActive .overviewTopToolbar{margin-left:auto;margin-bottom:8px}}
.marketOverviewActive #leaderboardSubnav{display:flex;gap:26px;justify-content:flex-start}
.marketOverviewActive #leaderboardSubnav .subpageTab{flex:0 0 auto;width:auto;min-height:42px;padding:10px 0;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;background:none;color:var(--muted)}
.marketOverviewActive #leaderboardSubnav .subpageTab.isActive{border-bottom-color:var(--overview-accent);color:var(--text)}
.marketOverviewActive .marketPageTabsWrap #leaderboardSubnav .subpageTab.isActive{background:transparent!important;box-shadow:none!important}
.marketOverviewActive .cardLeaderboardTestTabIcon{display:none}
.marketOverviewActive .card{background:var(--overview-surface);border:1px solid var(--border);border-radius:11px;box-shadow:none}
.overviewPulse{display:grid;grid-template-columns:1.55fr repeat(3,1fr) 1.5fr;gap:20px;align-items:center;padding:22px 24px;margin:12px 0 18px}
.overviewPulse>div+div{border-left:1px solid var(--border);padding-left:22px}
.overviewPulseMetric,.overviewPulseContext{display:flex;flex-direction:column;gap:5px}
.overviewPulseMetric strong{font-size:32px;line-height:1.15}
.overviewStateTitle{font-size:28px;line-height:1.2;font-weight:800;margin:6px 0}
.overviewPulse .muted{font-size:12px}
.overviewChange.pos{color:var(--flat-green,#18835d)}.overviewChange.neg{color:var(--flat-red,#bb4242)}.overviewChange.neu{color:var(--muted)}
.overviewWorkspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.overviewMain{min-width:0}
.overviewSectionLabel{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:1.3px;color:var(--overview-accent);padding:5px 2px 0}
:is(#marketChartsGrid,.overviewChartGrid).trendsChartsGrid--small{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#marketChartsGrid,.overviewChartGrid).trendsChartsGrid--large{grid-template-columns:minmax(0,1fr)}
:is(#marketChartsGrid,.overviewChartGrid) .card{min-width:0;margin:0}
:is(#marketChartsGrid,.overviewChartGrid) .cardInner{padding:18px}
:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthHeader{min-height:52px;align-items:flex-start;gap:8px}
:is(#marketChartsGrid,.overviewChartGrid) .aboutCardTitle{margin:0 0 5px!important}
.overviewChartSub{font-size:11px}
:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthMeta{display:none}
:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthLegend{min-height:33px;margin:8px 0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px 12px}
:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthLegendItem{font-size:10px}
:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthCanvasWrap{height:205px}
:is(#marketChartsGrid,.overviewChartGrid).trendsChartsGrid--large .leaderboardGrowthCanvasWrap{height:265px}
.overviewValuePicker{flex-wrap:nowrap;gap:3px}
.overviewTextSwitcher{width:auto;min-width:40px;padding:0 10px;white-space:nowrap;font-family:inherit}
.overviewValuePicker .overviewTextSwitcher{font-size:10px;height:30px;padding:0 8px}
.overviewChartMethod{font-size:10px;color:var(--muted);margin-top:12px}
.overviewChartMethod summary,.overviewMethod summary,.overviewMore>summary{cursor:pointer}
.overviewChartMethod .leaderboardGrowthSub{font-size:11px;line-height:1.5;margin-top:8px}
.overviewSidebar{padding:22px;min-width:0}
.overviewSidebarScope{font-size:11px;margin:6px 0 18px}
.overviewSidebar section{padding:20px 0;border-top:1px solid var(--border)}
.overviewSidebar .distinctEyebrow,.overviewPulse .distinctEyebrow{font-size:10px;letter-spacing:1px;color:var(--muted)}
.overviewBigNumber{font-size:32px;font-weight:800;line-height:1.2;margin:7px 0}
.overviewSidebar .muted{font-size:12px}
.overviewComparison{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;margin-top:17px;font-size:12px}
.overviewSupplyChange{color:var(--overview-accent);font-weight:700;font-size:11px}
.overviewSidebar .overviewFinePrint{font-size:11px;line-height:1.5;margin:12px 0 0}
.overviewInline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.overviewDirection{font-weight:700;font-size:19px;margin-top:10px}
.overviewSidebar .overviewChange{font-size:18px}
.overviewMethod{border-top:1px solid var(--border);padding-top:18px;font-size:11px;color:var(--muted);line-height:1.5}
.overviewMore{margin-top:18px;padding:16px}.overviewMore>summary{font-weight:700}.overviewMore>summary .muted{font-weight:400;margin-left:15px;font-size:11px}.overviewMore[open]>summary{margin-bottom:16px}
.marketOverviewActive [hidden]{display:none!important}
@media(max-width:1250px){.overviewWorkspace{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.overviewSidebar{padding:16px}.overviewPulse{grid-template-columns:1.5fr repeat(3,1fr);gap:12px;padding:18px}.overviewPulseContext{display:none}.overviewPulse>div+div{padding-left:15px}.overviewPulseMetric strong{font-size:27px}.overviewStateTitle{font-size:24px}:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthHeader{flex-wrap:wrap;min-height:76px}}
@media(max-width:1050px){:is(#marketChartsGrid,.overviewChartGrid).trendsChartsGrid--small{grid-template-columns:1fr}.overviewWorkspace{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:700px){.overviewWorkspace{grid-template-columns:1fr}.overviewSidebar{padding:20px}.overviewPulse{grid-template-columns:repeat(3,1fr)}.overviewPulseState{grid-column:1/-1}.overviewPulse>div+div{padding-left:0;border-left:0}.marketOverviewActive #leaderboardSubnav{gap:20px;overflow-x:auto}.marketOverviewActive #leaderboardSubnav .subpageTab{font-size:12px;white-space:nowrap}.marketOverviewActive .marketPageTabsWrap{flex-wrap:wrap;gap:8px}.marketOverviewActive .overviewTopToolbar{margin-left:auto;margin-bottom:8px}.marketOverviewActive #leaderboardSubnav{width:100%}:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthHeader{min-height:50px}:is(#marketChartsGrid,.overviewChartGrid) .leaderboardGrowthCanvasWrap,:is(#marketChartsGrid,.overviewChartGrid).trendsChartsGrid--large .leaderboardGrowthCanvasWrap{height:230px}.overviewMore>summary .muted{display:block;margin:6px 0 0}}

@media(max-width:700px){.marketOverviewActive .marketPageHero .cardLeaderboardTestHeroCopy{grid-template-columns:minmax(0,1fr);gap:4px}.marketOverviewActive .marketPageHero .heroTitle{grid-column:1;grid-row:1}.marketOverviewActive #marketPageEyebrow{grid-column:1;grid-row:2}.marketOverviewActive .marketPageHero .heroBody{grid-column:1;grid-row:3}}

/* The same chart surfaces and controls across the four market sections. */
.overviewFilters{margin:12px 0 18px;padding:0;background:none;border:0}
.overviewFilters .trendsToolbarControls{justify-content:flex-start;flex-wrap:wrap;gap:10px}
.sectionPulse{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}
#gradedmarketOverviewPulse{grid-template-columns:minmax(200px,1.6fr) repeat(4,minmax(0,1fr))}
.gradedPulseNote{grid-column:1/-1;font-size:11px;margin:0;border-top:1px solid var(--border);padding-top:14px}
.setRankLabels,.setRankRow{display:grid;grid-template-columns:minmax(0,1fr) 48px 52px;gap:8px;align-items:center}
.setRankLabels{font-size:10px;color:var(--muted);margin:16px 0 8px}
.setRankLabels>span:not(:first-child),.setRankRow>.overviewChange{text-align:right}
.setRankRow{padding:12px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:12px}
.setRankRow:hover{color:var(--overview-accent)}
.setRankRow small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px;line-height:1.3}
.overviewSidebar .setRankRow .overviewChange{font-size:11px}
:is(#trendsChartsGrid,#marketRarityChartsGrid) .compactSetLegend{position:relative;flex-wrap:nowrap;justify-content:flex-start;min-width:0}
.compactSetLegend>.leaderboardGrowthLegendItem{flex:0 0 auto;white-space:nowrap}
.legendOverflow{flex:0 0 26px;position:relative;color:var(--muted)}
.legendOverflow>summary{list-style:none;cursor:pointer;text-align:center;font-size:18px;line-height:20px;border-radius:5px}
.legendOverflow>summary::-webkit-details-marker{display:none}
.legendOverflow>summary:hover{background:var(--flat-accent-soft)}
.legendOverflowPanel{position:absolute;right:0;top:28px;z-index:30;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--overview-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);max-height:240px;overflow:auto;min-width:130px;max-width:240px}
.legendOverflowPanel .leaderboardGrowthLegendItem{white-space:nowrap;flex-shrink:0}
@media(max-width:1100px){#gradedmarketOverviewPulse{grid-template-columns:repeat(4,minmax(0,1fr))}#gradedmarketOverviewPulse>.overviewPulseState{grid-column:1/-1}#gradedmarketOverviewPulse>div:nth-child(2){border:0;padding-left:0}}
@media(max-width:700px){.sectionPulse{grid-template-columns:repeat(2,minmax(0,1fr))}#gradedmarketOverviewPulse{grid-template-columns:repeat(2,minmax(0,1fr))}.overviewFilters .trendsSetSelector{max-width:100%}.overviewFilters .trendsToolbarControls{justify-content:flex-start}.overviewSidebar .setRankRow .overviewChange{font-size:12px}}

#rarityOverviewSidebar section{padding:14px 0}
#rarityOverviewSidebar section p{margin:6px 0}
#rarityOverviewSidebar .overviewComparison{margin-top:10px}
.marketOverviewActive .overviewFilters .trendsToolbarControls{justify-content:flex-start}

.marketOverviewActive .overviewTopToolbar[data-overview-toolbar="trends"],
.marketOverviewActive .overviewTopToolbar[data-overview-toolbar="rarity"]{flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto}
.marketOverviewActive .overviewTopToolbar[data-overview-toolbar] .trendsToolbarControls{flex-wrap:wrap;gap:8px;justify-content:flex-end}
.marketOverviewActive .marketPageTabsWrap{flex-wrap:wrap}
.marketOverviewActive .overviewTopToolbar .trendsSetSelector{max-width:100%}
#gradedMarketChartsGrid.overviewChartGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#gradedMarketChartsGrid.overviewChartGrid .leaderboardGrowthCanvasWrap{height:265px}
@media(max-width:1050px){#gradedMarketChartsGrid.overviewChartGrid{grid-template-columns:1fr}}

.marketOverviewActive .overviewTopToolbar{width:auto}
@media(min-width:701px){.marketOverviewActive #leaderboardSubnav{width:auto;flex:0 0 auto}}

.setRankLogo{display:block;width:100%;max-width:76px;height:30px;object-fit:contain;object-position:left center}

/* Lift only the selection line; keep navigation and toolbar geometry unchanged. */
.marketOverviewActive #leaderboardSubnav .subpageTab{position:relative}
.marketOverviewActive #leaderboardSubnav .subpageTab.isActive{border-bottom-color:transparent!important}
.marketOverviewActive #leaderboardSubnav .subpageTab.isActive::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--overview-accent)}

.setLegendLogo{display:block;width:45px;height:20px;object-fit:contain}
.setLogoLegendItem .leaderboardGrowthLegendLabel{display:flex;align-items:center;justify-content:center;width:45px;height:20px}
.setLogoLegendItem.isMuted .setLegendLogo{opacity:.35;filter:grayscale(1)}
.setLogoLegendItem:focus-visible{outline:2px solid var(--overview-accent);outline-offset:3px;border-radius:3px}

#marketOverviewPulse{row-gap:10px}
#marketOverviewPulse>.overviewPulseEyebrow{grid-column:1/-1}
#marketOverviewPulse>.overviewPulseState{border:0;padding-left:0}
#marketOverviewPulse .overviewStateTitle{text-transform:uppercase;margin:0}
@media(min-width:701px){
    #marketOverviewPulse{grid-template-columns:1.85fr repeat(3,1fr) 1.2fr;align-items:stretch}
    #marketOverviewPulse>.overviewPulseState,#marketOverviewPulse>.overviewPulseMetric{display:grid;grid-template-rows:subgrid;grid-row:2 / span 2;row-gap:5px}
    #marketOverviewPulse .overviewStateTitle,#marketOverviewPulse .overviewPulseMetric>strong{align-self:end;line-height:37px}
    #marketOverviewPulse>.overviewPulseContext{grid-row:2 / span 2;justify-content:center}
}
@media(min-width:701px) and (max-width:1250px){#marketOverviewPulse{grid-template-columns:1.85fr repeat(3,1fr)}}
@media(max-width:700px){#marketOverviewPulse>.overviewPulseMetric{border:0;padding-left:0}#marketOverviewPulse .overviewPulseState>.muted{display:block;margin-top:5px}}

#rarityOverviewPulse{grid-template-columns:1.7fr repeat(3,minmax(0,1fr))}
.rarityPulseNote{grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid var(--border)}
@media(max-width:700px){#rarityOverviewPulse{grid-template-columns:repeat(3,minmax(0,1fr))}#rarityOverviewPulse .overviewPulseMetric strong{font-size:23px}}