/* The record chart (js/record_block.js): the filled line and its axis. Loaded by every page that renders it (home, how it was built).
   This is the only place these styles live. The dots, the hover line and the card are injected by the script itself. */
.hp-recsvg { position: absolute; left: 0; bottom: 0; width: 100%; overflow: visible; }
.hp-area { fill: var(--data-700); fill-opacity: .14; stroke: none; }
.hp-line { fill: none; stroke: var(--data-700); stroke-width: 1.5; }
.hp-axis { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; margin-top: 8px; }