/* the non-commercial banner (notice.js) sits above the full-height dashboard */
@media (min-width: 961px) {
  .wrap.is-home, .dash-shell, .dash-left, .dash-right { height: calc(100vh - var(--sfp-notice-h, 0px)) }
}
rect.heat { fill: color-mix(in srgb, var(--seq-hi) calc(var(--t) * 100%), var(--seq-lo)) }
rect.corr { fill: color-mix(in srgb, var(--div-pos) calc(var(--t) * 100%), var(--div-mid)) }
rect.corr.neg { fill: color-mix(in srgb, var(--div-neg) calc(var(--t) * -100%), var(--div-mid)) }
rect.corr.na { fill: var(--sea) }