.historical-volume-profile{color:#302d26;background:#fffdf7;border:1px solid #ded9cb;border-radius:20px;margin:38px 0;overflow:hidden}.historical-volume-profile *,.hvp-histogram *{box-sizing:border-box}.hvp-heading,.hvp-reading,.hvp-method{padding:24px 28px}.hvp-heading .hvp-eyebrow{color:#7d6225;letter-spacing:1px;font-size:10px;font-weight:700;display:block}.historical-volume-profile .hvp-heading h2{letter-spacing:-.8px;margin:12px 0;font-size:clamp(23px,3vw,30px);line-height:1.2}.historical-volume-profile p{margin:0;font-size:14px;line-height:1.7}.historical-volume-profile .hvp-source{color:#6b604b;margin-top:5px;font-size:12px}.hvp-chart{color:#f1ede2;background:#111c25;padding:22px 24px}.historical-volume-profile .hvp-instruction{color:#c6c9c8;margin-bottom:12px;font-size:12px}.hvp-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.hvp-levels button{color:#e3c67c;text-align:left;cursor:pointer;min-width:0;min-height:44px;font:inherit;background:#1b2730;border:1px solid #6c644f;border-radius:8px;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;display:flex}.hvp-levels button>span{font-size:12px}.hvp-levels button strong{font-variant-numeric:tabular-nums;font-size:18px}.hvp-levels button small{color:#d2cec2;font-size:11px}.hvp-levels button[aria-pressed=true]{background:#373529;border-color:#e3c67c;box-shadow:inset 0 0 0 1px #e3c67c}.hvp-levels button:hover{background:#34352d}:is(.historical-volume-profile button:focus-visible,.historical-volume-profile summary:focus-visible){outline-offset:3px;outline:3px solid #79b0e5}.hvp-histogram{color:#e8e9e3;font-variant-numeric:tabular-nums;min-width:0;font-size:12px}.hvp-axis,.hvp-bin{grid-template-columns:62px minmax(0,1fr) 80px;align-items:center;gap:8px;display:grid}.hvp-axis{color:#b9c1c7;margin-bottom:10px;font-size:11px;line-height:1.4}.hvp-axis>:last-child,.hvp-bin-value{text-align:right}.hvp-bins{gap:4px;display:grid}.hvp-bin{border-radius:3px;min-height:24px}.hvp-bin-track{background:#25323a;height:18px;display:block;position:relative}.hvp-bin-track>span{background:#74828b;min-width:1px;height:100%;display:block}.hvp-bin.in-value-area .hvp-bin-track>span{background:#e3c67c}.hvp-bin.is-selected{outline-offset:2px;color:#fff2cc;background:#38372e;outline:1px solid #e3c67c;font-weight:700}.hvp-legend{color:#c4c8c9;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:11px;display:flex}.hvp-legend>span{align-items:center;gap:7px;display:inline-flex}.hvp-legend i{background:#e3c67c;width:9px;height:9px}.hvp-legend i.is-outside{background:#74828b}.historical-volume-profile .hvp-explanation{border-top:1px solid #445057;margin-top:20px;padding:20px 0 0}.historical-volume-profile h3{margin:0 0 9px;font-size:16px;line-height:1.4}.hvp-explanation h3{color:#e3c67c}.historical-volume-profile .hvp-explanation p{color:#e0e1dc}.historical-volume-profile .hvp-bin-detail{color:#b8c2c9;margin-top:9px;font-size:12px}.hvp-method{border-top:1px solid #e3dfd3;padding-top:0;padding-bottom:0}.hvp-method summary{cursor:pointer;color:#76602a;min-height:44px;padding:18px 0;font-size:12px;font-weight:600}.historical-volume-profile .hvp-method p{margin:0 0 14px;font-size:12px}.hvp-method code{overflow-wrap:anywhere;font-size:11px;display:block}.hvp-method li{font-size:12px}.hvp-unavailable{padding:24px}.hvp-unavailable button{min-height:44px;margin-top:12px}.rc-visual-profile.resource-case-thumb{background:#111c25}.rc-visual-profile .rc-thumb-title,.rc-visual-profile .rc-thumb-focus,.rc-visual-profile .rc-thumb-caption{color:#c9c2ad}.hvp-histogram.is-compact{padding:14px 22px 18px}.hvp-histogram.is-compact .hvp-axis,.hvp-histogram.is-compact .hvp-bin{grid-template-columns:54px minmax(0,1fr) 68px;gap:8px}.hvp-histogram.is-compact .hvp-bin{min-height:15px;font-size:11px}.hvp-histogram.is-compact .hvp-bin-track{height:11px}.hvp-histogram.is-compact .hvp-bin-value{color:#e3c67c;font-size:10px}.resource-related-card .hvp-histogram.is-compact,.resource-card-history .hvp-histogram.is-compact{padding:12px 14px}.resource-related-card .hvp-histogram.is-compact .hvp-axis,.resource-card-history .hvp-histogram.is-compact .hvp-axis{display:none}@media (max-width:600px){.hvp-heading,.hvp-reading,.hvp-method{padding-left:18px;padding-right:18px}.hvp-chart{padding:20px 16px}.hvp-levels button{padding:10px 8px}.hvp-levels button strong{font-size:16px}.hvp-axis,.hvp-bin{grid-template-columns:52px minmax(0,1fr) 72px;gap:6px}.hvp-histogram.is-compact{padding-left:16px;padding-right:16px}}