.price-history{margin:36px 0 8px;padding:22px 24px;border:1px solid var(--line);border-radius:4px;max-width:760px}
.price-history h2{font:400 24px/1.2 var(--serif);margin:0 0 8px;letter-spacing:-.3px}
.ph-summary{margin:0;font-size:15px}
.ph-chart{position:relative;max-width:560px;margin:14px 0 4px;padding-top:46px;color:var(--ink)}
.ph-chart svg{display:block;width:100%;height:auto;overflow:visible;outline:none;touch-action:pan-y}
.ph-chart svg:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
.ph-grid{stroke:var(--line);stroke-width:1}
.ph-tick{fill:var(--muted);font:12px var(--sans);font-variant-numeric:tabular-nums}
.ph-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ph-area{fill:currentColor;fill-opacity:.08;stroke:none}
.ph-dot{fill:currentColor;stroke:var(--paper);stroke-width:2}
.ph-dot-low{fill:var(--paper);stroke:currentColor;stroke-width:2}
.ph-end{fill:var(--ink);font:600 13px var(--sans)}
.ph-low{fill:var(--muted);font:12px var(--sans)}
.ph-cross{stroke:var(--muted);stroke-width:1}
.ph-tip{position:absolute;top:0;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:6px 10px;font-size:13px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #00000014}
.ph-tip strong{display:block;font-size:15px;color:var(--ink)}
.ph-tip span{color:var(--muted)}
.ph-table{margin:10px 0 12px;font-size:13px}
.ph-table summary{cursor:pointer;color:var(--muted)}
.ph-table table{border-collapse:collapse;margin-top:8px;min-width:280px}
.ph-table th,.ph-table td{text-align:left;padding:5px 18px 5px 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.ph-table th{color:var(--muted);font-weight:500}
.ph-note{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:600px){.price-history{padding:18px 16px}.ph-chart{padding-top:42px}.ph-tick,.ph-low{font-size:19px}.ph-end{font-size:21px}.ph-today{display:none}.ph-line{stroke-width:3}}
