/* Corgano Market Data — inherits the theme's fonts and colours; borders and tints derive from currentColor. */
.cmd-box, .cmd-chart, .cmd-table { --cmd-line: color-mix(in srgb, currentColor 14%, transparent); --cmd-soft: color-mix(in srgb, currentColor 5%, transparent);
  --cmd-up: #15803d; --cmd-dn: #b91c1c; --cmd-accent: #a87b1f; margin: 1.6em 0; font-variant-numeric: tabular-nums; }
@media (prefers-color-scheme: dark) { .cmd-box, .cmd-chart, .cmd-table, .cmd-price { --cmd-up: #4ade80; --cmd-dn: #f87171; } }
.cmd-price { --cmd-up: #15803d; --cmd-dn: #b91c1c; font-variant-numeric: tabular-nums; }
.cmd-up { color: var(--cmd-up); } .cmd-dn { color: var(--cmd-dn); }
.cmd-chg { font-size: .92em; font-weight: 600; white-space: nowrap; }
.cmd-link { font-weight: 600; white-space: nowrap; }
.cmd-src, .cmd-cite { font-size: .82em; opacity: .75; margin: .6em 0 0; }

/* box */
.cmd-box { border: 1px solid var(--cmd-line); border-radius: 12px; padding: 18px 20px; background: var(--cmd-soft); }
.cmd-box-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.cmd-box-t { font-size: .78em; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; opacity: .7; }
.cmd-badge { font-size: .72em; font-weight: 700; padding: 2px 8px; border-radius: 99px; border: 1px solid var(--cmd-line); }
.cmd-box-main { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.cmd-box-main > div { display: flex; flex-direction: column; gap: 2px; }
.cmd-box-l { font-size: .85em; opacity: .75; }
.cmd-box-v { font-size: 1.9em; line-height: 1.1; font-weight: 800; letter-spacing: -.02em; }
.cmd-spark { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: .78em; opacity: .85; }
.cmd-spark svg { width: 120px; height: 30px; overflow: visible; }
.cmd-box-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px 18px; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--cmd-line); }
.cmd-box-grid div { margin: 0; } .cmd-box-grid dt { font-size: .78em; opacity: .7; margin: 0; } .cmd-box-grid dd { margin: 0; font-weight: 700; }
.cmd-box-links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; font-weight: 600; font-size: .92em; }
.cmd-box-links a::after { content: " →"; }

/* chart */
.cmd-chart { border: 1px solid var(--cmd-line); border-radius: 12px; padding: 16px 18px 12px; }
.cmd-chart-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.cmd-chart-t { font-weight: 700; }
.cmd-chart-box { position: relative; }
.cmd-svg { display: block; width: 100%; height: auto; overflow: visible; }
.cmd-axis { position: absolute; right: 0; font-size: .74em; opacity: .6; background: inherit; }
.cmd-axis-hi { top: 0; } .cmd-axis-lo { bottom: 14px; }
.cmd-chart-x { display: flex; justify-content: space-between; font-size: .76em; opacity: .6; }
.cmd-cap { font-size: .85em; margin-top: 8px; }
.cmd-cap .cmd-src { display: block; }
.cmd-grid { stroke: var(--cmd-line); stroke-dasharray: 3 4; vector-effect: non-scaling-stroke; }
.cmd-line { fill: none; stroke-width: 2; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.cmd-line.cmd-up { stroke: var(--cmd-up); } .cmd-line.cmd-dn { stroke: var(--cmd-dn); }
.cmd-area { stroke: none; opacity: .12; } .cmd-area.cmd-up { fill: var(--cmd-up); } .cmd-area.cmd-dn { fill: var(--cmd-dn); }
.cmd-dot.cmd-up { fill: var(--cmd-up); } .cmd-dot.cmd-dn { fill: var(--cmd-dn); }

/* tables */
.cmd-table { overflow-x: auto; }
.cmd-table table { width: 100%; border-collapse: collapse; font-size: .95em; }
.cmd-table caption { text-align: left; font-weight: 700; padding-bottom: 8px; }
.cmd-table th, .cmd-table td { padding: 8px 10px; border-bottom: 1px solid var(--cmd-line); text-align: right; }
.cmd-table th:first-child, .cmd-table thead th:first-child { text-align: left; }
.cmd-table thead th { font-size: .8em; text-transform: uppercase; letter-spacing: .05em; opacity: .7; }
.cmd-table tbody th { font-weight: 600; }

@media (max-width: 520px) { .cmd-box { padding: 14px; } .cmd-box-v { font-size: 1.6em; } .cmd-spark { align-items: flex-start; } }