/* v96: chart readout (Wind + Tides) — large, high-contrast HTML box pinned to the top of the scrub line; scales with Text & display */
.tdv-chart{position:relative}
#wdv-svg,#tdv-svg{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair}
.cht-tip{position:absolute;left:0;top:0;z-index:3;pointer-events:none;will-change:transform;transition:transform .07s ease-out;
  background:#f8fafc;color:#0b1520;border:1px solid #0b1520;border-radius:calc(10px * var(--ts, 1));box-shadow:0 2px 10px rgba(0,0,0,.45);
  padding:calc(6px * var(--ts, 1)) calc(10px * var(--ts, 1));white-space:nowrap;font-family:inherit;text-align:left}
.cht-tip[hidden]{display:none!important}
.cht-r1{display:flex;align-items:baseline;gap:calc(8px * var(--ts, 1));height:calc(22px * var(--ts, 1));line-height:calc(22px * var(--ts, 1))}
.cht-t{font-size:calc(18px * var(--ts, 1));font-weight:800;letter-spacing:.2px}
.cht-v{font-size:calc(17px * var(--ts, 1));font-weight:500;color:#0f172a}.cht-v b{font-weight:800}
.cht-d{font-size:calc(15px * var(--ts, 1));height:calc(19px * var(--ts, 1));line-height:calc(19px * var(--ts, 1));color:#1e293b;font-weight:600;display:flex;align-items:center;gap:4px}
.cht-d .wdv-arr{width:calc(15px * var(--ts, 1));height:calc(15px * var(--ts, 1));flex:none}.cht-d .wdv-arr path{fill:#0f766e}
.cht-shift{color:#c2410c;font-weight:800}
.cht-up{color:#0f766e}.cht-down{color:#1d4ed8}
.cht-mv{transition:transform .07s ease-out}
#wdv-cur .tdv-cd,#tdv-cur .tdv-cd{stroke-width:2}
@media (prefers-reduced-motion:reduce){.cht-tip,.cht-mv{transition:none}}
/* old SVG tooltip parts are no longer drawn */
#wdv .tdv-legend .tdv-lg svg{flex:none}
#wdv .wdv-lg-shift b{color:#ff9a4d}