.dex-widget{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:64px;align-items:center;padding:36px 0 64px}.dex-intro h1{font:600 clamp(30px,3.2vw,46px)/1.1 Space,sans-serif;letter-spacing:-1.7px;margin:18px 0}.dex-intro>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:390px}.dex-badge{display:inline-block;border-radius:30px;background:var(--panel);color:var(--blue);padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:1px;margin-top:8px}.dex-intro .dex-schedule{font-size:11px;margin:18px 0 8px}.dex-panel{min-width:0;border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden}.dex-panel table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}.dex-panel th{font-size:10px;font-weight:700;color:var(--muted);text-align:left;padding:18px 10px;border-bottom:1px solid var(--line)}.dex-panel td{padding:15px 10px;border-bottom:1px solid var(--line)}.dex-panel th:first-child,.dex-panel td:first-child{padding-left:22px;color:var(--muted);font-size:10px;width:42px}.dex-panel th:nth-child(n+3),.dex-panel td:nth-child(n+3){text-align:right;white-space:nowrap}.dex-panel th:last-child,.dex-panel td:last-child{padding-right:22px}.dex-panel td:nth-child(2){font-weight:700}.dex-volume{font-weight:800}.dex-panel tr:first-child .dex-volume{color:var(--blue)}.dex-change{display:inline-block;border-radius:20px;background:var(--paper);padding:5px 8px;font-size:11px;font-weight:700}.dex-positive{color:#176a43}.dex-negative{color:#ac3333}.dex-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px}.dex-date{color:var(--muted);font-size:10px;line-height:1.6}.dex-expand{font:700 11px Manrope,sans-serif;color:var(--ink);border:0;background:transparent;padding:8px 0;white-space:nowrap;min-height:36px}.dex-status{font-size:11px;color:var(--muted);line-height:1.6;margin:0;padding:0 22px 16px}.dex-status:empty{display:none}.dex-widget [hidden]{display:none!important}.dex-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dex-panel noscript p{padding:16px;font-size:12px}@media(max-width:900px){.dex-widget{gap:28px;grid-template-columns:1fr 1.3fr}}@media(max-width:760px){.dex-widget{grid-template-columns:1fr;gap:24px;padding:12px 0 40px}.dex-intro h1{font-size:34px}.dex-intro>p{max-width:none}.dex-panel{border-radius:20px}.dex-panel th,.dex-panel td{padding:14px 6px}.dex-panel th:first-child,.dex-panel td:first-child{padding-left:12px;width:28px}.dex-panel th:last-child,.dex-panel td:last-child{padding-right:12px}.dex-panel-footer{padding:12px}.dex-panel table{font-size:12px}.dex-change{padding:5px 6px;font-size:10px}.dex-status{padding:0 12px 12px}}
/* Full-width top ten: ranks 1–5 on the left, 6–10 on the right. */
.dex-widget{display:block;padding-top:64px;padding-bottom:32px}
.dex-intro{margin-bottom:28px}
.dex-intro>p{max-width:680px}
.dex-intro .dex-schedule{display:inline-block;margin:0 20px 0 14px}
.dex-intro .text-link{display:inline-block;font-size:12px}
.dex-tables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dex-tables table{table-layout:fixed}
.dex-tables table+table{border-left:1px solid var(--line)}
.dex-panel th:first-child,.dex-panel td:first-child{width:48px}
.dex-panel th:nth-child(3){width:30%}
.dex-panel th:nth-child(4){width:24%}
.dex-panel tr:first-child .dex-volume{color:inherit}
.dex-tables table:first-child tr:first-child .dex-volume{color:var(--blue)}
@media(max-width:760px){
 .dex-widget{padding-top:36px;padding-bottom:16px}
 .dex-tables{grid-template-columns:1fr}
 .dex-tables table+table{border-left:0}
 .dex-intro .dex-schedule{display:block;margin:14px 0 8px}
 .dex-panel th:first-child,.dex-panel td:first-child{width:32px}
}

.dex-col-rank{width:48px}.dex-col-volume{width:30%}.dex-col-change{width:24%}
@media(max-width:760px){
 .dex-col-rank{width:32px}
 /* Keep column labels available to assistive technology without repeating them visually. */
 .dex-tables table+table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
}

body[data-page="dex"] main{min-height:65vh;padding-bottom:48px}

.dex-history{padding:40px 0 72px;border-top:1px solid var(--line)}
.dex-history h2{font:600 clamp(28px,3vw,42px)/1.15 Space,sans-serif;letter-spacing:-1px;margin:18px 0}
.dex-history-intro{max-width:750px;color:var(--muted);line-height:1.8;font-size:14px}
.dex-history-period{font-size:12px;font-weight:700;margin:24px 0}
.dex-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.dex-chart{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}
.dex-chart h3{font:600 24px Space,sans-serif;margin:0 0 8px}
.dex-chart-reading{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 20px;min-height:20px}
.dex-chart svg{display:block;width:100%;height:auto;overflow:visible}
.dex-grid-line{stroke:var(--line);stroke-width:1}
.dex-axis{fill:var(--muted);font:11px Manrope,sans-serif}
.dex-bar-hit{fill:transparent}
.dex-bar{fill:var(--blue);opacity:.55;transition:opacity .15s}
.dex-bar-group{cursor:pointer;outline:none}
.dex-bar-group.is-selected .dex-bar,.dex-bar-group:focus .dex-bar{opacity:1}
.dex-bar-group:focus .dex-bar{stroke:var(--ink);stroke-width:2}
.dex-chart-data{font-size:12px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.dex-chart-data summary{cursor:pointer;min-height:28px;padding:6px 0;font-weight:700}
.dex-chart-data table{width:100%;border-collapse:collapse;margin-top:12px;font-variant-numeric:tabular-nums}
.dex-chart-data td,.dex-chart-data th{padding:8px 0;text-align:left;border-bottom:1px solid var(--line)}
.dex-chart-data td:last-child,.dex-chart-data th:last-child{text-align:right}
.dex-history-note,.dex-history-status{font-size:11px;line-height:1.8;color:var(--muted);max-width:800px;margin-top:22px}
.dex-history-status:empty{display:none}
@media(max-width:760px){.dex-charts{grid-template-columns:1fr;gap:16px}.dex-history{padding-top:32px}.dex-chart{padding:18px 12px;border-radius:20px}.dex-chart h3,.dex-chart-reading{margin-left:6px}.dex-chart svg{min-height:160px}}
@media(prefers-reduced-motion:reduce){.dex-bar{transition:none}}
/* Navigation icons use a global SVG stroke; charts define their own strokes. */
.dex-chart svg{stroke:none;stroke-width:0}
.dex-chart .dex-grid-line{stroke:var(--line);stroke-width:1}

.dex-axis{font-size:14px}
@media(max-width:760px){.dex-axis{font-size:20px}}