#context-macro [data-macro-orbit]{--macro-orbit-low:#40c977;--macro-orbit-mid:#ffd240;--macro-orbit-high:#ff6764}
#context-macro .macro-orbit-plot{position:relative;min-width:0}
#context-macro svg[data-context-chart="orbit"]{height:400px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#context-macro svg[data-context-chart="orbit"][data-dragging="true"]{cursor:grabbing}
#context-macro svg[data-context-chart="orbit"] text{font:12px system-ui,sans-serif;fill:var(--context-muted);pointer-events:none}
#context-macro .macro-orbit-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:7px}
#context-macro .macro-orbit-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--context-muted);font-size:11px;line-height:1.5}
#context-macro .macro-orbit-ramp{width:84px;height:6px;border-radius:4px;background:linear-gradient(90deg,var(--macro-orbit-low),var(--macro-orbit-mid),var(--macro-orbit-high))}
#context-macro .macro-orbit-controls{display:flex;align-items:center;gap:3px}
#context-macro .macro-orbit-controls button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--context-muted);font:16px system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s}
#context-macro .macro-orbit-controls button:hover{background:var(--context-surface);color:var(--context-text)}
#context-macro .macro-orbit-controls button:focus-visible{outline:2px solid var(--context-market);outline-offset:2px}
#context-macro .macro-orbit-detail{min-height:2.8em;margin-top:7px;color:var(--context-text);font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:790px){#context-macro svg[data-context-chart="orbit"]{height:380px}}
@media(pointer:coarse){#context-macro .macro-orbit-controls button{width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){#context-macro .macro-orbit-controls button{transition:none}}
@media(max-width:1100px){#context-macro svg[data-context-chart="orbit"]{height:380px}}
@media(max-width:600px){
    #context-macro svg[data-context-chart="orbit"]{height:330px}
    #context-macro .macro-orbit-bottom{gap:12px;align-items:flex-start}
    #context-macro .macro-orbit-controls{justify-content:flex-end;flex:1 0 100%}
    #context-macro .macro-orbit-controls button{width:44px;min-height:44px}
    #context-macro .macro-orbit-detail{font-size:12px;line-height:1.7;min-height:3.4em}
}