:root{
  --red:#e5485d;
  --blue:#1b5ade;
  --ink:#222b3a;
  --muted:#7084a6;
  --line:#e3e9f4;
  --soft:#f3f5fc;
  --green:#12966f;
}
body{background:var(--soft);color:var(--ink)}
.topbar{height:66px;border-bottom-color:rgba(227,233,244,.8);background:rgba(255,255,255,.82);box-shadow:0 2px 14px rgba(27,90,222,.035)}
.brand span{width:34px;height:34px;border-radius:9px;background:var(--blue);font-size:12px}
.brand b{font-size:21px;font-weight:800;letter-spacing:-.04em}
.brand b,.brand em{color:var(--blue)}
.brand em{border-left:0;padding-left:2px;font-size:12px;font-weight:700}
.topbar nav{height:auto;gap:2px;padding:3px;background:#f3f6ff;border-radius:999px}
.topbar nav a{position:relative;display:flex;align-items:center;padding:7px 18px;border-radius:999px;color:var(--muted);font-weight:600}
.topbar nav a.active{background:var(--blue);color:#fff}
.topbar nav a.active:after{display:none}
.topbar button{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted)}
.ticker{height:42px;background:#f8faff}
.layout{max-width:1540px;background:#fff;border-radius:24px 24px 0 0}
.layout>aside{top:108px;padding-top:38px}
.layout>aside a{border-left:0;border-radius:999px;padding:9px 14px}
.layout>aside a:hover{background:#f5f7fd}
.layout>aside a.active{background:#edf3ff;color:var(--blue)}
.intro{height:136px;border-bottom:1px solid var(--line)}
.intro small,.section-title>div:first-child>small{color:var(--blue)}
.intro h1{font-size:40px;font-weight:800}
.snapshot{grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.snapshot a{min-height:118px;padding:25px 22px}
.snapshot a:hover{background:#f7f9ff}
.snapshot strong{font-size:28px}
.bottom-signal-entry{border:1px solid var(--line);border-radius:18px;background:#f8faff;box-shadow:none}
.bottom-signal-entry{color:var(--ink)}
.bottom-signal-entry small,.bottom-signal-entry>strong b{color:var(--blue)}
.bottom-signal-entry p,.bottom-signal-entry>strong span,.bottom-signal-entry li{color:var(--muted)}
.bottom-signal-entry li b{color:var(--ink)}
.bottom-signal-entry>i{color:var(--blue)}
.block{padding:58px 0}
.section-title{align-items:flex-start;margin-bottom:24px}
.section-title h2{font-size:30px;font-weight:800;letter-spacing:-.04em}
.section-title>div:first-child>small{font-size:10px;letter-spacing:.18em}
.section-source{align-items:flex-end;color:var(--muted)}
.section-source a,.section-title>a,.source-note a,.data-card>header a,.chart-panel header>a,.api-caption a{color:var(--blue)}
.chart-panel,.data-card,.expand-table,.etf-fund-panel,.section-kpis,.cq-exchange-strip,.balance-grid article,.transparency-grid article{border-color:var(--line);border-radius:16px;box-shadow:none}
.dataset-tabs{padding:0;border:0;border-bottom:1px solid var(--line);background:#fff}
.dataset-tabs button{border-bottom:2px solid transparent;padding:13px 18px}
.dataset-tabs button.active{border-bottom-color:var(--blue);background:#fff;color:var(--blue)}
.dataset-tabs button.active span{background:#edf3ff;color:var(--blue)}
.exchange-tabs button.active{border-color:var(--blue);color:var(--blue)}
.preview-label.is-live{background:#edf3ff;color:var(--blue)}
.market-table.four>div,.market-table.four>a{grid-template-columns:1.7fr 1fr 1fr 1.1fr}

/* Stablecoin and RWA: hierarchy first, no oversized categorical bars. */
.llama-workbench{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink)}
.llama-tabs{gap:26px;padding:0 24px;border-bottom:1px solid var(--line);background:#fff}
.llama-tabs button{padding:15px 2px 13px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:700 12px inherit}
.llama-tabs button.active{border-bottom-color:var(--blue);background:#fff;color:var(--blue)}
.llama-panel>header{padding:28px 28px 18px}
.llama-panel h3{color:var(--ink);font-size:24px}
.llama-panel p{color:var(--muted)}
.llama-total span,.llama-total small{color:var(--muted)}
.llama-total strong{color:var(--ink);font-size:31px}
.llama-kpis{margin:0 28px;border-color:var(--line);background:#fafafa}
.llama-kpis span{color:var(--muted)}
.llama-kpis span+span{border-left-color:var(--line)}
.llama-kpis b{color:var(--ink);font-size:16px}
.llama-chart{height:auto;margin:24px 28px 18px;padding:0;border:0;background:none}
.rwa-composition{display:flex;height:38px;overflow:hidden;border-radius:2px;background:#eee}
.rwa-composition>span{width:var(--w);min-width:2px;background:var(--c);border-right:2px solid #fff;transition:filter .15s}
.rwa-composition>span:hover{filter:brightness(.9)}
.rwa-composition-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:11px 28px;margin-top:20px}
.rwa-composition-legend div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;color:#555961;font-size:11px}
.rwa-composition-legend i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.rwa-composition-legend b{color:var(--ink)}
.llama-chart>p{margin-top:17px!important;padding-top:13px;border-top:1px solid var(--line)}
.llama-table{margin:0 28px 26px;border-color:var(--line)}
.llama-table .thead,.llama-table>a{grid-template-columns:minmax(190px,1.4fr) 115px 110px 110px 105px 100px;min-width:800px}
.llama-table .thead{background:#fafafa;color:var(--muted)}
.llama-table>a{border-top-color:var(--line);color:var(--ink)}
.llama-table>a:hover{background:#fff8f8}
.llama-table>a>b{display:flex;align-items:center;gap:9px}
.llama-table>a>b>i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--c)}
.llama-table strong{color:var(--ink)}
.rwa-share{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px}
.rwa-share em{color:var(--muted);font-style:normal}
.rwa-share i{position:relative;height:4px;overflow:hidden;background:#ededee}
.rwa-share i:after{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--blue);content:""}
.stable-donut:after{background:#fff}
.stable-donut strong{color:var(--ink)}
.stable-donut span{color:var(--muted)}
.llama-panel .legend-list li{border-bottom-color:var(--line);color:var(--ink)}
.llama-panel .legend-list em{color:var(--muted)}

/* Data-heavy panels keep a consistent light editorial shell. */
.spot-market-card{background:#fff;color:var(--ink)}
.spot-market-card>header,.spot-market-card>footer{border-color:var(--line)}
.spot-market-card>header p,.spot-market-card>footer{color:var(--muted)}
.spot-market-card a{color:var(--ink)}
.spot-market-table .thead{border-color:var(--line);background:#fafafa;color:var(--muted)}
.spot-market-table>a{border-color:var(--line);color:var(--ink)}
.spot-market-table>a:hover{background:#f7f9ff}
.spot-market-table>a>b i{color:#9a9da4}
.liquidation-heatmap-card{border-color:var(--line);border-radius:18px;background:#fff;color:var(--ink)}
.liquidation-heatmap-card>header,.liquidation-heatmap-card>footer{border-color:var(--line)}
.liquidation-heatmap-card p,.liquidation-heatmap-card>footer,.heatmap-meta{color:var(--muted)}
.heatmap-controls>div{border-color:var(--line);background:#f3f3f4}
.heatmap-controls button{color:#656972}
.heatmap-controls button:hover{color:var(--ink)}
.heatmap-controls button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.heatmap-meta b{color:var(--ink)}
.liquidation-treemap-wrap{background:#f5f5f5}
.liquidation-summary article{border-color:var(--line);border-radius:0;background:#fafafa}
.liquidation-summary header strong{color:var(--ink)}
.liquidation-tile{border-color:#fff}
.stock-heatmap-card{border-color:var(--line);border-radius:18px;background:#fff}
.stock-heatmap-card>header{color:var(--ink)}
.stock-heatmap-card p,.stock-heatmap-card>header>div:last-child{color:var(--muted)}
.stock-api-empty{min-height:220px;border-top-color:var(--line);background:#fafafa;color:var(--muted)}
.stock-api-empty b{color:var(--ink);font-size:20px}
.stock-api-empty span{font-size:12px}
.stock-heatmap-card>footer{color:var(--muted)}
.page-footer{border-top:1px solid var(--line)}
.holdings-extension-grid{min-width:0}
.holdings-extension-grid>article{min-width:0;width:100%;overflow:hidden}
.treasury-table{width:100%;max-width:100%;overflow-x:auto}
.whale-list{min-width:0}

@media(max-width:760px){
  .snapshot{grid-template-columns:1fr 1fr}
  .snapshot a:first-child{padding-left:14px}
  .section-title{gap:14px;flex-direction:column}
  .rwa-composition-legend{grid-template-columns:1fr 1fr}
  .llama-panel>header{padding:22px 16px 14px}
  .llama-kpis{margin:0 16px}
  .llama-chart{margin:20px 16px}
  .llama-table{margin:0 8px 16px}
  .market-table.four>div,.market-table.four>a{min-width:620px}
}
