.metric-row,.effect-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.metric-row label,.effect-head label{display:grid;gap:7px;font-size:11px;color:var(--ink-2);flex-shrink:0}.metric-row select,.effect-head select{min-height:36px}.design-path{display:flex;gap:14px;align-items:center;padding:22px 0 30px;margin-bottom:20px;font-size:12px;color:var(--ink-2)}.design-path i{height:1px;background:var(--line-2);flex:1;min-width:12px}.design-path small{display:block;color:var(--muted);font-size:10px;margin-top:5px}h2{font-size:18px;letter-spacing:-.02em;font-weight:550}#arm-graph,#effect-graph{display:block;width:100%;height:auto;margin:20px 0}svg .plot-label{font:12px var(--font);fill:var(--ink-2)}svg .plot-number{font:11px var(--mono);fill:var(--ink-2)}svg .axis{stroke:var(--line);stroke-width:1}svg .zero{stroke:var(--neutral);stroke-dasharray:3 4}svg .interval{stroke-width:2.5;stroke-linecap:round}svg .point{stroke:var(--surface);stroke-width:1.5}#case-graph{display:block;width:100%;height:auto;min-height:290px}#case-graph .case-edge{stroke:var(--line-2);stroke-width:1.6;fill:none}#case-graph .case-edge.enabled{stroke:var(--ok)}#case-graph .node rect{fill:var(--surface);stroke:var(--neutral);stroke-width:1.3}#case-graph .node.bad rect{fill:var(--bad-soft);stroke:var(--bad)}#case-graph .node.muted{opacity:.38}#case-graph .node{cursor:pointer}#case-graph .node text{font:12px var(--font);fill:var(--ink-2)}#case-graph .node:focus-visible rect{stroke:var(--focus);stroke-width:3}.effect-head{margin-top:42px;align-items:start}#compare>details{padding:15px 0;border-top:1px solid var(--line)}.table-scroll td,.table-scroll th{font-size:11px}.comparison-note{font-size:11px;color:var(--muted)}@media(max-width:700px){.metric-row,.effect-head{display:block}.metric-row label,.effect-head label{margin:15px 0}.design-path{gap:8px;font-size:10px}.design-path i{min-width:4px}.design-path small{font-size:9px}#case-graph{min-height:0}table{min-width:660px}.travel-head{gap:12px}.travel-head a{font-size:12px}.travel-head .brand{font-size:17px}}

@media(max-width:700px){svg .plot-label{font-size:22px}svg .plot-sub{font-size:19px;fill:var(--muted)}svg .plot-number{font-size:20px}}

#case-graph .node.warn rect{fill:var(--warn-soft);stroke:var(--warn)}#reading:empty{display:none}