/* GambleFiHub statistics page (/statistics/) */
.article.stats-page { width: min(92%, 1120px); }   /* same container as header, footer and responsible-gambling block */
.stats-page .article-heading { max-width: 900px; }
.stats-page .st-intro { max-width: 860px; margin: 8px 0 14px; color: #cdd5e2; font-size: 1.05rem; line-height: 1.75; }
.stats-page .st-asof { max-width: 860px; margin: 0 0 22px; color: #b9c2d2; font-size: .9rem; }
.stats-page a:not(.header-nav a):not(.footer a) { color: #d19afa; text-decoration: underline; text-underline-offset: 4px; }
.stats-page a:hover { color: #ffb344; }
.st-controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 14px; margin: 0 0 14px; padding: 14px 16px; border: 1px solid #ffffff16; border-radius: 14px; background: linear-gradient(110deg, #1b283b, #1b2235); }
.st-controls label { display: flex; flex-direction: column; gap: 4px; font-size: .78rem; color: #b9c2d2; text-transform: uppercase; letter-spacing: .04em; }
.st-controls select { min-height: 40px; min-width: 150px; padding: 6px 10px; border: 1px solid #51456b; border-radius: 10px; background: #182237; color: #edf0f7; font: inherit; font-size: .9rem; text-transform: none; letter-spacing: 0; }
.st-controls select:focus-visible, .st-reset:focus-visible { outline: 3px solid #ffbd59; outline-offset: 2px; }
.st-reset { min-height: 40px; padding: 6px 16px; border: 1px solid #51456b; border-radius: 999px; background: #182237; color: #d8c6e8; }
.st-reset:hover { background: #35294a; color: #fff; }
.st-count { margin: 0 0 0 auto; align-self: center; color: #c3c9d6; font-size: .9rem; }
.st-wrap { position: relative; overflow: auto; max-height: 78vh; border: 1px solid #ffffff16; border-radius: 14px; background: #121b2c; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.st-wrap:focus-visible { outline: 3px solid #ffbd59; outline-offset: 2px; }
.st-table { width: 100%; min-width: 1900px; border-collapse: separate; border-spacing: 0; font-size: .875rem; line-height: 1.35; }
.st-cap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.st-table th, .st-table td { padding: 10px 12px; border-bottom: 1px solid #ffffff10; text-align: right; vertical-align: top; white-space: nowrap; }
.st-table td[data-type="text"], .st-table td { font-variant-numeric: tabular-nums; }
.st-table thead th { position: sticky; top: 0; z-index: 2; background: #1d2740; color: #e7e2f0; font-weight: 700; border-bottom: 1px solid #51456b; padding: 0; }
.st-table thead th:first-child { left: 0; z-index: 3; }
.st-sort { display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: 100%; min-height: 52px; padding: 8px 12px; border: 0; background: none; color: inherit; font-weight: 700; font-size: .8rem; text-align: right; white-space: normal; line-height: 1.25; }
.st-sort:hover { background: #2a2a47; }
.st-sort:focus-visible { outline: 3px solid #ffbd59; outline-offset: -3px; }
.st-ar { display: inline-block; width: 10px; flex: none; color: #8e86a6; }
.st-ar::before { content: '↕'; }
th[aria-sort="ascending"] .st-ar::before { content: '▲'; color: #ffb344; }
th[aria-sort="descending"] .st-ar::before { content: '▼'; color: #ffb344; }
.st-table th[data-type="text"] .st-sort, .st-table thead th:first-child .st-sort { justify-content: flex-start; text-align: left; }
.st-table tbody th { position: sticky; left: 0; z-index: 1; background: #16203a; text-align: left; font-weight: 700; box-shadow: 1px 0 0 #ffffff14; }
.st-table tbody tr:hover td, .st-table tbody tr:hover th { background: #1f2a45; }
.st-table td small { display: block; margin-top: 2px; color: #98a2b6; font-size: .72rem; }
.st-table td.st-na { color: #6f7a8f; }
.st-table td:nth-child(2), .st-table td:nth-child(3), .st-table td:nth-child(12), .st-table td:nth-child(16), .st-table td:nth-child(17), .st-table td:nth-child(18), .st-table td:nth-child(19) { text-align: left; }
.st-table td:nth-child(16) { white-space: normal; min-width: 170px; }
.st-flag { display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 6px; background: #3b2f19; color: #ffcf7a; font-size: .68rem; text-decoration: none; vertical-align: 1px; }
.st-tag { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 6px; font-size: .68rem; vertical-align: 1px; }
.st-tag-verified { background: #133a2a; color: #7ee2b0; }
.st-tag-derived { background: #1e2f4d; color: #9cc2ff; }
.st-tag-estimate { background: #3b2f19; color: #ffcf7a; }
.st-hint { margin: 10px 0 0; color: #98a2b6; font-size: .85rem; }
.st-notes, .st-sources { margin-top: 40px; }
.st-notes h2, .st-sources h2 { margin: 0 0 14px; font-size: 1.5rem; color: #f0edf6; }
.st-notes h3 { margin: 22px 0 10px; font-size: 1.1rem; }
.st-notelist, .st-sources ul { margin: 0; padding-left: 22px; color: #cdd5e2; font-size: .95rem; line-height: 1.7; }
.st-notelist li + li, .st-sources li + li { margin-top: 8px; }
.st-cov { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 4px 18px; margin: 0; padding-left: 22px; color: #cdd5e2; font-size: .9rem; }
.st-sources li { overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .st-controls { padding: 12px; gap: 10px; }
  .st-controls label { flex: 1 1 calc(50% - 10px); }
  .st-controls select { min-width: 0; width: 100%; }
  .st-count { margin: 0; flex-basis: 100%; }
  .st-wrap { max-height: 72vh; }
  .st-table { font-size: .8rem; min-width: 1700px; }
  .st-table tbody th { max-width: 120px; white-space: normal; }
}
/* charts */
.st-table tbody tr.st-hl td, .st-table tbody tr.st-hl th { background: #2a2346; }
.st-charts { margin-top: 44px; }
.st-charts > h2 { margin: 0 0 10px; font-size: 1.5rem; color: #f0edf6; }
.ch-intro { max-width: 860px; margin: 0 0 18px; color: #cdd5e2; font-size: .98rem; line-height: 1.7; }
.ch-fig { margin: 0 0 22px; padding: 18px 18px 14px; border: 1px solid #ffffff16; border-radius: 14px; background: linear-gradient(110deg, #1b283b, #1b2235); min-width: 0; }
.ch-fig h3 { margin: 0 0 6px; font-size: 1.1rem; color: #f0edf6; }
.ch-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 16px; }
.ch-switch { display: flex; flex-direction: column; gap: 4px; font-size: .75rem; color: #b9c2d2; text-transform: uppercase; letter-spacing: .04em; }
.ch-switch select { min-height: 38px; padding: 6px 10px; border: 1px solid #51456b; border-radius: 10px; background: #182237; color: #edf0f7; font: inherit; font-size: .9rem; text-transform: none; letter-spacing: 0; max-width: 100%; }
.ch-desc { margin: 0 0 10px; color: #b9c2d2; font-size: .88rem; line-height: 1.55; max-width: 900px; }
.ch-legend { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.ch-legend button { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 10px; border: 1px solid #3a3456; border-radius: 999px; background: #161f33; color: #dfe3ee; font-size: .8rem; cursor: pointer; }
.ch-legend button i { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.ch-legend button.is-hl, .ch-legend button[aria-pressed="true"] { border-color: #ffb344; background: #2a2346; color: #fff; }
.ch-legend button:focus-visible { outline: 3px solid #ffbd59; outline-offset: 2px; }
.ch-box { position: relative; }
.ch-plot { width: 100%; min-width: 0; overflow: hidden; }
.ch-plot svg { display: block; width: 100%; height: auto; }
.ch-js .ch-plot svg { width: auto; max-width: 100%; }
.ch-svg text { fill: #9aa3b8; font: 11px Arial, Helvetica, sans-serif; }
.ch-grid line { stroke: #ffffff14; stroke-width: 1; }
.ch-grid .ch-base { stroke: #8e86a6; stroke-dasharray: 4 4; stroke-opacity: .6; }
.ch-line { fill: none; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; transition: stroke-opacity .15s, stroke-width .15s; }
.ch-lines.has-hl .ch-line { stroke-opacity: .18; }
.ch-lines.has-hl .ch-line.is-hl { stroke-opacity: 1; stroke-width: 3; }
.ch-guide { stroke: #d19afa; stroke-width: 1; stroke-dasharray: 3 3; }
.ch-hit { cursor: crosshair; }
.ch-bars .ch-fill { fill: #8b5cf6; fill-opacity: .85; transition: fill .15s, fill-opacity .15s; }
.ch-bars .ch-name { fill: #dfe3ee; font-size: 12px; }
.ch-bars .ch-val { fill: #edf0f7; font-size: 11.5px; }
.ch-barrows.has-hl .ch-bar .ch-fill { fill-opacity: .3; }
.ch-barrows .ch-bar.is-hl .ch-fill { fill: #ffb344; fill-opacity: 1; }
.ch-bar { cursor: pointer; }
.ch-empty { fill: #9aa3b8; }
.ch-tip { position: absolute; top: 8px; z-index: 4; min-width: 150px; max-width: 220px; padding: 8px 10px; border: 1px solid #51456b; border-radius: 10px; background: #0f1626f2; color: #edf0f7; font-size: .78rem; line-height: 1.45; pointer-events: none; box-shadow: 0 6px 20px #0006; }
.ch-tip span { color: #98a2b6; font-size: .72rem; }
.ch-tip div { display: flex; align-items: center; gap: 6px; }
.ch-tip div i { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.ch-tip div b { margin-left: auto; font-weight: 400; font-variant-numeric: tabular-nums; }
.ch-tip div.is-hl { color: #ffb344; font-weight: 700; }
.ch-fig figcaption { margin-top: 8px; color: #98a2b6; font-size: .78rem; line-height: 1.5; }
@media (max-width: 700px) {
  .ch-fig { padding: 14px 12px 12px; }
  .ch-legend button { min-height: 30px; padding: 3px 8px; font-size: .75rem; }
}
/* dashboard (top of page, normal flow, jump target) */
.st-dash { margin: 0 0 22px; padding: 18px; border: 1px solid #51456b66; border-radius: 16px; background: linear-gradient(110deg, #1d2440, #1b2235); scroll-margin-top: 100px; }
.dash-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.st-dash h2 { margin: 0; font-size: 1.35rem; color: #f0edf6; }
.dash-jump { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .85rem; }
.dash-desc { margin: 6px 0 10px; color: #b9c2d2; font-size: .88rem; line-height: 1.55; max-width: 900px; }
.dash-tools { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.dash-chip, .dash-all { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 10px; border: 1px solid #3a3456; border-radius: 999px; background: #161f33; color: #dfe3ee; font-size: .8rem; }
.dash-all { border-color: #51456b; color: #d8c6e8; }
.dash-chip i { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.dash-chip[aria-pressed="true"] { border-color: #7a64a8; background: #2a2346; color: #fff; }
.dash-chip[aria-pressed="false"] { opacity: .55; text-decoration: line-through; }
.dash-chip[aria-pressed="false"] i { background: transparent !important; box-shadow: inset 0 0 0 1px #8e86a6; }
.dash-chip.is-hl { border-color: #ffb344; }
.dash-chip:focus-visible, .dash-all:focus-visible { outline: 3px solid #ffbd59; outline-offset: 2px; }
.dash-all:hover, .dash-chip:hover { background: #35294a; }
.dash-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.dash-fig { margin: 0; padding: 12px 12px 8px; background: #141c2f; }
.dash-fig h3 { font-size: .98rem; }
.dash-fig .ch-desc { font-size: .78rem; margin-bottom: 6px; }
.dash-cap { margin: 10px 0 0; color: #98a2b6; font-size: .78rem; }
.st-jump { font-size: .85rem; white-space: nowrap; }
.st-controls .st-jump { align-self: center; }
#stats-table-wrap, #stats-charts, #st-notes-h { scroll-margin-top: 100px; }
@media (max-width: 900px) { .dash-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) { .st-dash { padding: 14px 12px; } .dash-chip, .dash-all { min-height: 30px; padding: 3px 8px; font-size: .75rem; } }
.ch-js .dash-fig .ch-plot svg { width: 100%; height: auto; max-width: none; }
/* small multiples (own y-range per token) */
.mx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.mx-card { padding: 8px 10px 6px; border: 1px solid #ffffff12; border-radius: 10px; background: #141c2f; cursor: pointer; min-width: 0; }
.mx-card.is-hl { border-color: #ffb344; background: #221d38; }
.mx-head { display: flex; align-items: center; gap: 6px; font-size: .82rem; color: #edf0f7; }
.mx-head i { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.mx-chg { margin-left: auto; color: #c3c9d6; font-size: .76rem; font-variant-numeric: tabular-nums; }
.mx-plot { position: relative; margin: 4px 0 2px; padding: 12px 0; }
.mx-plot svg { display: block; width: 100%; height: 56px; }
.mx-plot path { fill: none; stroke-width: 1.8; stroke-linejoin: round; }
.mx-max, .mx-min { position: absolute; left: 0; font-size: .66rem; color: #98a2b6; line-height: 1; font-variant-numeric: tabular-nums; }
.mx-max { top: 0; } .mx-min { bottom: 0; }
.mx-card.is-flat path { stroke-dasharray: 4 3; }
.mx-foot { color: #98a2b6; font-size: .7rem; font-variant-numeric: tabular-nums; }
.mx-empty { color: #98a2b6; font-size: .85rem; }
.dash-fig .mx-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.dash-viewsw { display: inline-flex; margin-right: 8px; border: 1px solid #51456b; border-radius: 999px; overflow: hidden; }
.dash-view { min-height: 32px; padding: 4px 12px; border: 0; background: #161f33; color: #d8c6e8; font-size: .8rem; }
.dash-view[aria-pressed="true"] { background: #4a3a72; color: #fff; }
.dash-view:focus-visible { outline: 3px solid #ffbd59; outline-offset: -3px; }
@media (max-width: 700px) { .mx-grid, .dash-fig .mx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dash-viewsw { margin-bottom: 2px; } }
.mx-foot em { color: #ffcf7a; font-style: normal; }
/* how to read */
/* collapsed lead intro under the H1: chevron-only summary */
.st-introbox { margin: 0 0 20px; border-left: 3px solid #7a64a8; border-radius: 0 12px 12px 0; background: #161f33; }
.st-introbox > summary { display: flex; align-items: center; justify-content: center; width: 44px; height: 36px; list-style: none; cursor: pointer; border-radius: 0 12px 12px 0; color: #d7bce9; }
.st-introbox > summary::-webkit-details-marker { display: none; }
.st-introbox > summary::marker { content: ''; }
.st-introbox > summary:hover { background: #2a2346; }
.st-introbox > summary:focus-visible { outline: 3px solid #ffbd59; outline-offset: 2px; }
.st-introbox .howto-chev { width: 20px; height: 20px; transition: transform .2s; }
.st-introbox[open] .howto-chev { transform: rotate(180deg); }
.st-introbox[open] > summary { width: 100%; justify-content: flex-start; padding-left: 12px; border-radius: 0 12px 0 0; }
.st-introbox .st-intro, .st-introbox .st-asof { margin: 0; padding: 0 18px 12px; }
.st-introbox .st-asof { padding-bottom: 14px; }
/* "How to read this page": normal visible box */
.st-howto { margin: 4px 0 22px; padding: 14px 18px; border-left: 3px solid #7a64a8; border-radius: 0 12px 12px 0; background: #161f33; }
.st-howto h2 { margin: 0 0 6px; font-size: 1.05rem; color: #f0edf6; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.st-howto p { margin: 0; color: #cdd5e2; font-size: .92rem; line-height: 1.65; }
.st-howto p + p { margin-top: 8px; }
/* align every block to the homepage box container: min(92%, 1120px) (same as .faq-section / .blog-section / .responsible-gambling) */
.stats-page .st-intro, .stats-page .st-asof, .stats-page .st-howto, .stats-page .st-introbox, .stats-page .ch-intro, .stats-page .dash-desc { max-width: none; }
/* reference box = homepage "More GambleFi Projects" panel (.casino-slider): min(92%, 1120px); calc(100% - 24px) at <=550px */
@media (max-width: 550px) { .article.stats-page { width: calc(100% - 24px); } }
/* charts first: token toolbar + combined/per-token view inside the line figures */
.st-charts { scroll-margin-top: 100px; }
.st-alias { display: block; height: 0; scroll-margin-top: 100px; }
.ch-tools { margin: 0 0 14px; }
.mx-label { margin: 0 0 8px; color: #b9c2d2; font-size: .82rem; line-height: 1.5; }
.ch-js .ch-linefig .mx-label { font-size: .8rem; }
.stats-page .st-charts { margin-top: 8px; }
/* BC.GAME banner in the right column: same markup/classes/CSS as blog.html (.blog-layout + .blog-sidebar from style.css, desktop >=1001px only,
   hidden on mobile like the blog). The two-column box keeps the homepage grey-box width min(92%, 1120px); the article fills the left column. */
@media (min-width: 1001px) {
  .blog-layout { width: min(92%, 1120px); }
  .blog-layout > .article.stats-page { width: 100%; }
}
.st-table tbody tr { scroll-margin-top: 110px; }
.st-table tbody tr:target th, .st-table tbody tr:target td { background: #2a2a44; }
/* project column: token logo + small name (desktop) + risks shield */
.st-proj { display: flex; align-items: center; gap: 8px; }
html .stats-page .st-table tbody th a.st-logo { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: #f0edf6; text-decoration: none; }
html .stats-page .st-table tbody th a.st-logo:hover .st-nm { color: #ffb344; }
.st-ico { width: 30px; height: 30px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: #121826; border: 1px solid #77618a; }
.st-ico img { width: 24px; height: 24px; border-radius: 50%; display: block; }
.st-mono { font-size: .7rem; font-weight: 700; color: #d7bce9; background: linear-gradient(140deg, #302b46, #1d293e); }
.st-nm { font-size: .82rem; font-weight: 600; line-height: 1.25; white-space: normal; max-width: 120px; }
html .stats-page .st-table tbody th a.st-rk { display: inline-grid; place-items: center; width: 26px; height: 26px; flex: none; margin-left: auto; border-radius: 8px; color: #9aa3b8; text-decoration: none; }
html .stats-page .st-table tbody th a.st-rk:hover, html .stats-page .st-table tbody th a.st-rk:focus-visible { color: #ffb344; background: #2a2a47; }
.st-table a:focus-visible { outline: 2px solid #ffbd59; outline-offset: 2px; }
.st-table tbody th { vertical-align: middle; }
/* compact default view (class set by statistics.js; without JS the full table shows) */
.st-advbtn { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 16px; border: 1px solid #9677b7; border-radius: 999px; background: #2a2346; color: #f0edf6; font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
.st-advbtn:hover { background: #35294a; }
.st-advbtn:focus-visible { outline: 3px solid #ffbd59; outline-offset: 2px; }
.st-chev { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
.st-advbtn[aria-expanded="true"] .st-chev { transform: rotate(-135deg) translate(-2px, 0); }
.st-wrap.st-compact { overflow-x: hidden; }
.st-compact .st-adv { display: none; }
.st-compact .st-table { min-width: 0; table-layout: auto; }
.st-compact .st-table td:nth-child(16) { min-width: 0; white-space: normal; }
.st-compact .st-table th[data-key="chg52"] .st-sort { max-width: 120px; margin-left: auto; }
@media (max-width: 700px) {
  .st-nm { display: none; }
  .st-proj { gap: 4px; }
  .st-compact .st-table { min-width: 0; font-size: .76rem; }
  .st-compact .st-table th, .st-compact .st-table td { padding: 8px 6px; white-space: normal; }
  .st-compact .st-table thead th { padding: 0; }
  .st-compact .st-sort { padding: 6px; font-size: .7rem; min-height: 46px; }
  .st-compact .st-table tbody th { max-width: none; }
  .st-advbtn { flex: 1 1 100%; justify-content: center; }
}
.st-controls label[hidden] { display: none; }
.st-compact .st-table td { vertical-align: middle; }
/* ===== modern skin (18 Oct 2026): coin-first presentation; content, markup and behaviour unchanged ===== */
.stats-page { --st-card: #151d31; --st-card2: #18223a; --st-line: #ffffff17; --st-line2: #ffffff0d; --st-text: #eef1f7; --st-muted: #aab3c5; --st-violet: #b596d6; --st-focus: #ffbd59; --st-pos: #4ade80; --st-neg: #fb7185; }
.stats-page .article-heading h1 { font-weight: 800; letter-spacing: -.02em; line-height: 1.12; }
.stats-page .eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .75rem; font-weight: 700; color: var(--st-violet); }
.stats-page h2 { letter-spacing: -.01em; }
.stats-page :is(button, select, summary, a):focus-visible { outline: 3px solid var(--st-focus); outline-offset: 2px; }
/* cards */
.st-introbox, .st-howto { border: 1px solid var(--st-line); border-left: 3px solid #8b6fc0; border-radius: 4px 16px 16px 4px; background: linear-gradient(135deg, var(--st-card2), var(--st-card)); }
.st-howto { padding: 18px 22px; margin-bottom: 26px; }
.st-howto h2 { font-size: 1.1rem; font-weight: 700; }
.st-howto p { color: #cfd6e3; }
.ch-fig { padding: 20px 22px 16px; border: 1px solid var(--st-line); border-radius: 18px; background: linear-gradient(160deg, #1a2440 0%, #151d31 60%); box-shadow: 0 1px 0 #ffffff0a inset, 0 18px 40px -28px #000; }
.ch-fig h3 { font-size: 1.15rem; font-weight: 700; letter-spacing: -.01em; }
.ch-desc, .mx-label, .ch-fig figcaption { color: var(--st-muted); }
.ch-switch select, .st-controls select { appearance: none; -webkit-appearance: none; padding-right: 34px; border: 1px solid #ffffff22; border-radius: 999px; background: #10182a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23c9b3e6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center; color: var(--st-text); transition: border-color .15s, background-color .15s; }
.ch-switch select:hover, .st-controls select:hover { border-color: #9677b7; background-color: #182238; }
.ch-legend button, .dash-chip, .dash-all { border-color: #ffffff1f; background: #10182a; transition: background .15s, border-color .15s; }
.ch-legend button:hover, .dash-chip:hover, .dash-all:hover { background: #241f3d; border-color: #9677b7; }
.dash-chip[aria-pressed="true"] { border-color: #8b6fc0; background: #2a2346; }
.dash-viewsw { border-color: #ffffff22; background: #10182a; padding: 3px; gap: 3px; }
.dash-view { border-radius: 999px; background: transparent; }
.dash-view[aria-pressed="true"] { background: linear-gradient(135deg, #7c5cc4, #5b3fa0); color: #fff; }
.mx-card { border-color: var(--st-line); border-radius: 12px; background: #10182a; transition: border-color .15s, transform .15s; }
.mx-card:hover { border-color: #9677b7; }
.mx-head { font-weight: 600; }
.ch-tip { border-color: #ffffff26; border-radius: 12px; background: #0c1322f2; backdrop-filter: blur(6px); }
/* controls bar */
.st-controls { padding: 16px 18px; gap: 12px 14px; border: 1px solid var(--st-line); border-radius: 18px; background: linear-gradient(135deg, var(--st-card2), var(--st-card)); }
.st-controls label { font-size: .7rem; font-weight: 700; letter-spacing: .08em; color: var(--st-muted); }
.st-reset { border-color: #ffffff22; background: transparent; color: #dccbee; font-weight: 600; transition: background .15s, border-color .15s; }
.st-reset:hover { border-color: #9677b7; background: #241f3d; }
.st-advbtn { border: 0; background: linear-gradient(135deg, #7a5bc9, #553a96); color: #fff; box-shadow: 0 6px 18px -8px #7c5cc4; transition: filter .15s, transform .15s; }
.st-advbtn:hover { filter: brightness(1.08); background: linear-gradient(135deg, #7a5bc9, #553a96); }
.st-advbtn[aria-expanded="true"] { background: linear-gradient(135deg, #6d4fb8, #4a3285); }
.st-count { font-variant-numeric: tabular-nums; color: var(--st-muted); }
/* table */
.st-wrap { border: 1px solid var(--st-line); border-radius: 18px; background: #111a2c; box-shadow: 0 18px 40px -30px #000; }
.st-table { font-size: .875rem; }
.st-table th, .st-table td { border-bottom: 1px solid var(--st-line2); font-variant-numeric: tabular-nums; }
.st-table thead th { background: #1a2340; border-bottom: 1px solid #ffffff1f; }
.st-sort { font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #c3cad9; }
.st-sort:hover { background: #262a4a; color: #fff; }
.st-table tbody th { background: #131c30; }
.st-table tbody tr:nth-child(even) td, .st-table tbody tr:nth-child(even) th { background: #162036; }
.st-table tbody tr:hover td, .st-table tbody tr:hover th { background: #1f2a47; }
.st-table tbody tr.st-hl td, .st-table tbody tr.st-hl th, .st-table tbody tr:target td, .st-table tbody tr:target th { background: #2a2346; }
.st-table tbody th { box-shadow: inset 3px 0 0 var(--c, #51456b), 1px 0 0 #ffffff14; }
.st-table td { color: #d5dbe7; }
.st-table td.st-na { color: #8a94a8; }
.st-table td.st-k { color: #fff; font-size: 1rem; font-weight: 700; letter-spacing: -.01em; }
.st-table td.st-pos { color: var(--st-pos); font-weight: 600; }
.st-table td.st-neg { color: var(--st-neg); font-weight: 600; }
.st-table td.st-zero { color: var(--st-muted); }
.st-chg { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.st-spark { display: block; width: 60px; height: 18px; opacity: .95; }
.st-ico { width: 34px; height: 34px; border: 2px solid var(--c, #77618a); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c, #77618a) 18%, transparent); }
.st-ico img { width: 26px; height: 26px; }
.st-nm { font-size: .88rem; font-weight: 700; color: var(--st-text); }
html .stats-page .st-table tbody th a.st-rk { color: #8f99ad; }
/* notes and sources */
.st-notes, .st-sources { padding: 22px 24px; border: 1px solid var(--st-line); border-radius: 18px; background: linear-gradient(160deg, var(--st-card2), var(--st-card)); }
.st-notes h2, .st-sources h2 { font-size: 1.35rem; font-weight: 700; }
.st-hint { color: var(--st-muted); }
@media (max-width: 700px) {
  .ch-fig { padding: 16px 14px 12px; border-radius: 16px; }
  .st-controls { padding: 14px; border-radius: 16px; }
  .st-notes, .st-sources { padding: 18px 16px; border-radius: 16px; }
  .st-wrap { border-radius: 16px; }
  .st-compact .st-table td.st-k { font-size: .84rem; }
  .st-compact .st-sort { letter-spacing: .03em; font-size: .62rem; }
  .st-ico { width: 30px; height: 30px; } .st-ico img { width: 22px; height: 22px; }
  .st-spark { width: 44px; height: 14px; }
}
@media (max-width: 700px) {
  .st-compact .st-table th, .st-compact .st-table td { padding: 8px 4px; }
  .st-compact .st-table td.st-k { font-size: .8rem; letter-spacing: -.02em; }
  .st-compact .st-table tbody th { padding-left: 7px; }
  .st-ico { width: 28px; height: 28px; box-shadow: none; } .st-ico img { width: 20px; height: 20px; }
  .st-spark { width: 40px; height: 13px; }
  .st-compact .st-table td:nth-child(16) { overflow-wrap: anywhere; }
}
@media (max-width: 700px) {
  html .stats-page .st-table tbody th a.st-rk { width: 22px; height: 22px; }
  .st-proj { gap: 2px; }
  .st-compact .st-sort { padding: 6px 4px; }
}
.st-table tbody td { vertical-align: middle; }
/* 52-week supply change is neutral (no good/bad colouring, Lennart 18 Oct 2026): number in light grey, sparkline keeps the coin colour */
.st-table td.st-pos, .st-table td.st-neg { color: #dfe3ee; font-weight: 600; }
.st-table td.st-zero { color: var(--st-muted); }
/* charts v3 (18 Oct 2026): smooth lines, area gradients, soft grid, date axis, rounded coin-coloured bars */
.ch-grid line { stroke: #ffffff0d; stroke-dasharray: 2 5; }
.ch-grid line.ch-vgrid { stroke: #ffffff09; stroke-dasharray: none; }
.ch-grid .ch-base { stroke: #b596d6; stroke-dasharray: 4 4; stroke-opacity: .45; }
.ch-svg text { fill: #9aa3b8; font: 11px Arial, Helvetica, sans-serif; font-variant-numeric: tabular-nums; }
.ch-svg text.ch-xlab { fill: #aab3c5; }
.ch-line { stroke-width: 2; }
.ch-lines.has-hl .ch-line { stroke-opacity: .2; }
.ch-lines.has-hl .ch-line.is-hl { stroke-opacity: 1; stroke-width: 3; }
.ch-area { transition: opacity .15s; }
.ch-areas.has-hl .ch-area { opacity: 0; }
.ch-areas.has-hl .ch-area.is-hl { opacity: 1; }
.ch-guide { stroke: #ffffff40; stroke-dasharray: none; }
.ch-dots circle { stroke: #0c1322; stroke-width: 2; pointer-events: none; }
.ch-bars .ch-track { fill: #ffffff07; }
.ch-bars .ch-fill { fill-opacity: .95; }
.ch-barrows.has-hl .ch-bar .ch-fill { fill-opacity: .28; }
.ch-barrows .ch-bar.is-hl .ch-fill { fill-opacity: 1; stroke: #fff; stroke-width: 1.5; }
.ch-bars .ch-val { fill: #eef1f7; font-weight: 700; }
.ch-svg text.ch-asof { fill: #aab3c5; font-size: 11px; }
.ch-tip { min-width: 170px; padding: 10px 12px; box-shadow: 0 12px 30px -10px #000c; }
.ch-tip .ch-tip-k { display: block; color: #98a2b6; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.ch-tip .ch-tip-d { display: block; margin: 1px 0 6px; font-size: .9rem; color: #fff; }
.ch-tip div { padding: 1px 0; }
.mx-dates { display: flex; justify-content: space-between; color: #98a2b6; font-size: .66rem; margin: -2px 0 2px; }
.mx-plot path { stroke-width: 2; }
/* compact view lead line + USD value of the 52-week supply change (18 Oct 2026) */
.st-lead { margin: 12px 0 8px; color: var(--st-muted, #98a2b6); font-size: .86rem; }
.st-lead[hidden] { display: none; }
.st-table td small.st-usd { display: block; margin: 1px 0 0; color: inherit; font-size: .74rem; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.st-chg small.st-usd { margin: -2px 0 0; }
/* chart notes collapsed under each chart */
.ch-about { margin-top: 8px; }
.ch-about > summary { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid #ffffff1f; border-radius: 999px; color: #c3c9d6; font-size: .78rem; cursor: pointer; list-style: none; user-select: none; }
.ch-about > summary::-webkit-details-marker { display: none; }
.ch-about > summary:hover { border-color: #b596d680; color: #fff; }
.ch-about > summary:focus-visible { outline: 2px solid #b596d6; outline-offset: 2px; }
.ch-about-chev { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
.ch-about[open] .ch-about-chev { transform: translateY(1px) rotate(-135deg); }
.ch-about > p { margin: 8px 0 0; }
.ch-about .mx-label { margin: 8px 0 0; }
.ch-note { color: var(--st-muted, #98a2b6); font-size: .78rem; line-height: 1.5; }
.ch-fig figcaption.ch-asofline { margin-top: 6px; }