/* Stock chart (chart.js). House colors only: ink candles (outlined when the price rose,
   solid when it fell), faint volume, the highlighter for the bar you're reading. */
.pchart { margin: 24px 0 28px; }
.pchart.pc-live .pchart-fallback { display: none; }
.pchart.pc-live.pc-off .pchart-fallback { display: block; }
.pchart.pc-off .pc-svg, .pchart.pc-off .pc-read, .pchart.pc-off .pc-bar { display: none; }

.pc-bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; border-bottom: 1px solid var(--ink); padding-bottom: 8px; }
.pc-group { display: flex; gap: 2px; }
.pc-group button { appearance: none; border: 0; background: none; padding: 6px 9px; font: 600 14px/1 var(--sans); color: var(--quiet); cursor: pointer; text-decoration: none; }
.pc-group button:hover { color: var(--ink); }
.pc-group button[aria-pressed="true"] { color: var(--ink); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.pc-group button:focus-visible { outline: 3px solid var(--cite); outline-offset: 1px; }
.pc-group + .pc-group { border-left: 1px solid var(--rail); padding-left: 14px; }

.pc-read { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 12px 0 6px; min-height: 1.5em; font-size: 14px; color: var(--quiet); font-variant-numeric: tabular-nums; }
.pc-read b { color: var(--ink); font-weight: 600; }
.pc-read { align-items: baseline; }
.pc-read mark { background: var(--hl); color: var(--ink); font-weight: 700; font-size: 1.35em; padding: 0 6px; }
.pc-read .pc-when { color: var(--ink); }

.pc-svg { display: block; width: 100%; height: auto; touch-action: pan-y; cursor: crosshair; }
.pc-svg:focus-visible { outline: 3px solid var(--cite); outline-offset: 4px; }
.pc-grid { stroke: var(--rail); stroke-width: 1; }
.pc-base { stroke: var(--ink); stroke-width: 1; }
.pc-axis { fill: var(--quiet); font: 400 12px var(--sans); font-variant-numeric: tabular-nums; }
.pc-vol rect { fill: var(--faint); }
.pc-vol rect.dn { fill: #A9A9A4; }
.pc-line { fill: none; stroke: var(--ink); stroke-width: 2; stroke-linejoin: round; }
.pc-candles .wick { stroke: var(--ink); stroke-width: 1; }
.pc-candles rect.up { fill: var(--paper); stroke: var(--ink); stroke-width: 1; }
.pc-candles rect.dn { fill: var(--ink); stroke: var(--ink); stroke-width: 1; }
.pc-candles.thin .wick.up { stroke: var(--quiet); }
.pc-cross line { stroke: var(--ink); stroke-width: 1; stroke-dasharray: 2 3; }
.pc-cross circle { fill: var(--hl); stroke: var(--ink); stroke-width: 1.5; }
.pc-meta { margin: 8px 0 0; font-size: 13px; color: var(--quiet); }

@media (max-width: 640px) {
  .pc-group button { padding: 6px 6px; font-size: 13px; }
  .pc-group + .pc-group { border-left: 0; padding-left: 0; }
  .pc-read { font-size: 13px; gap: 2px 12px; }
}
.pchart[aria-busy="true"] .pc-svg { opacity: .35; transition: opacity .2s; }
@media (prefers-reduced-motion: reduce) { .pchart[aria-busy="true"] .pc-svg { transition: none; } }