.mr-theme .observed-chart{min-width:0;margin-block:20px}
.mr-theme .observed-controls{display:flex;flex-wrap:wrap;gap:12px;margin-block:12px}
.mr-theme .observed-controls label{display:flex;flex-direction:column;gap:6px;flex:1 1 180px;min-width:0}
.mr-theme .observed-controls select{width:100%;min-width:0;min-height:44px}
.mr-theme .observed-legend{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px}
.mr-theme .observed-legend button{min-height:44px;white-space:normal}
.mr-theme .observed-legend button[aria-pressed=false]{text-decoration:line-through;border-style:dashed}
.mr-theme .observed-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.mr-theme .observed-plot{position:relative;min-width:0}
.mr-theme .observed-plot svg{display:block;width:100%;height:auto;max-height:360px}
.mr-theme .observed-plot text{font:12px system-ui,sans-serif;fill:var(--mr-text)}
.mr-theme .observed-axis{stroke:var(--mr-text-2);stroke-width:1;fill:none}
.mr-theme .observed-tooltip{border:1px solid var(--mr-border);border-radius:var(--mr-radius-sm);padding:12px;background:var(--mr-surface);color:var(--mr-text);overflow-wrap:anywhere}
.mr-theme .observed-tooltip p{margin-block:4px}
.mr-theme .observed-points{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px}
.mr-theme .observed-points button{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;min-height:44px;border:1px solid var(--mr-border);border-radius:var(--mr-radius-sm);background:var(--mr-surface);color:var(--mr-text);font:inherit;padding:10px;overflow-wrap:anywhere}
.mr-theme .observed-chart button:focus-visible,.mr-theme .observed-chart select:focus-visible{outline:2px solid var(--mr-accent);outline-offset:3px}