.historical-currents{position:relative;margin:0 0 10px;border:1px solid var(--hairline);border-radius:12px;background:var(--plot-bg);box-shadow:var(--stone-shadow);padding:9px 0 5px;--currents-left:132px;--currents-width:70%;color:var(--ink);touch-action:pan-y;cursor:grab;user-select:none}
.historical-currents:active{cursor:grabbing}
.historical-currents:focus{outline:none}
.historical-currents:focus-visible .currents-heading h2{text-decoration:underline;text-decoration-color:var(--ink-muted);text-decoration-thickness:1px;text-underline-offset:4px}
.currents-tooltip{position:absolute;left:18px;bottom:calc(100% + 3px);max-width:calc(100% - 36px);padding:5px 9px;background:var(--overlay-bg);border:1px solid var(--hairline);border-radius:5px;color:var(--ink);font-size:12px;pointer-events:none;z-index:3}
.currents-heading{display:flex;align-items:baseline;gap:14px;padding:0 18px 4px}
.currents-heading h2{font:400 20px/1.25 var(--font-editorial);margin:0;white-space:nowrap}
.currents-heading p{font-size:11px;color:var(--ink-soft);margin:0}
.current-group{position:relative;margin:0 0 4px}
.current-group h3{position:absolute;left:12px;top:2px;width:calc(var(--currents-left) - 23px);margin:0;font:400 10px/1.25 var(--font-ui);color:var(--ink-soft)}
.current-track{position:relative;margin-left:var(--currents-left);width:var(--currents-width)}
.current-band{position:absolute;min-width:0;height:21px;padding:1px 0;text-indent:7px;border:1px solid rgba(var(--current-color),.32);border-radius:5px;color:var(--ink);font:12px/17px var(--font-ui);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,rgba(var(--current-color),.18),rgba(var(--current-color),.32) 12px,rgba(var(--current-color),.32) calc(100% - 12px),rgba(var(--current-color),.18));box-shadow:none;touch-action:pan-y}
.current-band:hover,.current-band:focus-visible{background:rgba(var(--current-color),.42)}
.current-band[aria-pressed=true]{background:rgba(var(--current-color),.48);border-color:rgba(var(--current-color),.8);box-shadow:inset 0 -2px rgba(var(--current-color),.65)}
.current-band:focus-visible{outline:2px solid var(--gold);outline-offset:1px;z-index:1}
.current-band.continues-left{border-left-style:dashed;border-top-left-radius:0;border-bottom-left-radius:0}
.current-band.continues-right{border-right-style:dashed;border-top-right-radius:0;border-bottom-right-radius:0}
.currents-axis{position:relative;margin-left:var(--currents-left);width:var(--currents-width);height:15px;overflow:hidden;font-size:9px;color:var(--ink-soft)}
.currents-axis span{position:absolute;border-left:1px solid var(--hairline);padding-left:3px;white-space:nowrap}
.currents-selection{display:block;margin:0 18px;font-size:11px;line-height:1.4;color:var(--ink-soft);overflow-wrap:anywhere}
.currents-selection:empty{display:none}
.currents-rows[data-empty=true]::after{content:'No currents in this date range';display:block;margin:6px 18px 10px;color:var(--ink-soft);font-size:11px}
@media(max-width:899px){
 .currents-heading{display:block;padding:0 12px 6px}
 .currents-heading h2{font-size:19px}
 .currents-heading p{font-size:10px;margin-top:2px}
 .currents-scroll{max-height:152px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
 .current-group h3{position:static;width:auto;margin:0 12px 3px;font-size:10px}
 .current-group{margin-bottom:6px}
 .current-band{font-size:11px}
}