.pulse { font-family:var(--site-sans); }
.pulse .chart { margin:44px 0; }
.pulse .note { color:var(--site-muted); font-size:15px; max-width:62ch; margin:6px 0 10px; }
.pulse svg { width:100%; max-width:min(760px, var(--vw, 760px)); height:auto; display:block; overflow:visible; }
.pulse .grid { stroke:var(--site-rule); stroke-width:1; } .pulse .ref { stroke:var(--site-muted); stroke-dasharray:4 4; }
.pulse .tick { fill:var(--site-muted); font-size:13px; } .pulse .direct { fill:var(--site-ink); font-size:14px; }
.pulse .line { stroke-width:2; } .pulse .mark { stroke:var(--site-paper); stroke-width:2; cursor:default; }
.pulse .legend { display:flex; flex-wrap:wrap; gap:6px 16px; list-style:none; padding:0; margin:0 0 6px; font-size:13px; }
.pulse .legend .swatch { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:-1px; }
.pulse .tablewrap { overflow-x:auto; max-width:100%; }
.pulse .mark:focus { outline:none; stroke:var(--site-ink); stroke-width:3; }
.pulse .empty { color:var(--site-muted); font-style:italic; }
.pulse details.table { margin-top:8px; font-size:13px; } .pulse table { border-collapse:collapse; margin-top:6px; }
.pulse td, .pulse th { border-bottom:1px solid var(--site-rule); padding:4px 10px 4px 0; text-align:left; }
.pulse .method { max-width:62ch; margin:40px 0; color:var(--site-muted); } .pulse .method h2 { color:var(--site-ink); }
.pulse .tip { position:fixed; pointer-events:none; background:var(--site-ink); color:var(--site-paper); font-size:12px; padding:5px 8px; border-radius:4px; z-index:5; max-width:320px; }
