resmp-benchmark-chart { display:block; padding:40px 48px 55px; background:#f1f0e9; } .resmp-chart { color:#171719; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } .chart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; } .chart-nameboard { display:flex; align-items:stretch; border-left:8px solid #e2382f; background:#171719; color:#f1f0e9; box-shadow:6px 6px 0 #6f36d9; } .chart-nameboard>span { display:flex; flex-direction:column; gap:5px; padding:13px 18px; font:700 22px Georgia,serif; } .chart-nameboard small { color:#aaa6b0; font:700 7px ui-monospace,monospace; letter-spacing:.14em; } .chart-actions { display:flex; gap:6px; } .chart-actions button { border:1px solid #171719; background:transparent; padding:8px 10px; color:#171719; font:700 8px ui-monospace,monospace; letter-spacing:.08em; cursor:pointer; } .chart-actions button:first-child { background:#b6f238; } .chart-subtitle { margin:25px 0 12px; color:#77727c; font:700 8px ui-monospace,monospace; letter-spacing:.12em; } .chart-legend { display:flex; flex-wrap:wrap; gap:16px; padding:12px 0 24px; border-bottom:1px solid #c9c6cd; color:#65616a; font:600 8px ui-monospace,monospace; } .chart-legend span { display:flex; align-items:center; gap:6px; }.chart-legend i { width:8px; height:8px; background:var(--series); } .chart-group { margin-top:28px; }.chart-group>header { display:grid; grid-template-columns:30px 1fr auto; align-items:center; border-bottom:1px solid #bbb8bf; padding-bottom:8px; } .chart-group>header span { color:#6f36d9; font:800 8px ui-monospace,monospace; }.chart-group>header h2 { margin:0; font:750 13px Inter,ui-sans-serif,sans-serif; letter-spacing:.02em; }.chart-group>header small { color:#817c86; font:700 7px ui-monospace,monospace; letter-spacing:.1em; } .chart-panels { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.chart-panels figure { margin:0; min-width:0; }.chart-panels svg { display:block; width:100%; overflow:visible; } .baseline { stroke:#aaa7af; stroke-width:.7; }.value { fill:#716d76; font:7px ui-monospace,monospace; }.series-code { fill:#f4f2ed; font:800 7px ui-monospace,monospace; }.panel-name { fill:#65616a; font:9px Inter,ui-sans-serif,sans-serif; } .chart-footer { display:flex; justify-content:space-between; margin-top:26px; border-top:8px solid #e2382f; padding:11px 0; color:#716d76; font:700 7px ui-monospace,monospace; letter-spacing:.1em; } @media(max-width:800px){resmp-benchmark-chart{padding:30px 20px}.chart-panels{grid-template-columns:1fr}.chart-actions{display:none}} @media print{body{background:white!important}.bench-nav,.bench-intro,.contract{display:none!important}.bench-shell{border:0}.chart-actions{display:none}resmp-benchmark-chart{padding:0}.resmp-chart{break-inside:avoid}}