.performance-layers{display:flex;gap:4px;margin:8px 0 10px;border-bottom:1px solid #d7e3df;flex-wrap:wrap}
.performance-layers button{border:0;border-radius:4px 4px 0 0;background:transparent;color:#526963;padding:10px 18px;min-height:40px;font-weight:600;box-shadow:none}
.performance-layers button[aria-pressed="true"]{background:#176b57;color:white}
.performance-layers button small{font:inherit}
.performance-layers button:focus-visible,.race-modes button:focus-visible{outline:2px solid #176b57;outline-offset:2px}
#content .race-modes{flex-wrap:wrap}
.race-modes button small{display:inline-block;margin-left:6px;color:#6a727c;background:#e9edf0;border-radius:3px;font-size:11px;line-height:18px;padding:0 4px;font-weight:400}
.performance-scope{font-size:12px;color:#5c6c71;margin:10px 0;line-height:1.6;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.performance-pending{padding:20px 0;border-block:1px solid #dbe4e2;max-width:100%}
.performance-pending h2{font-size:18px;margin:0 0 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.performance-status{font-size:12px;background:#eef0f4;color:#596577;padding:4px 8px;border-radius:4px;font-weight:400}
.performance-pending dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:14px;margin:0}
.performance-pending dt{color:#677b76}.performance-pending dd{margin:0;overflow-wrap:anywhere}
.performance-pending>p,.performance-pending>strong{font-size:13px;line-height:1.7}
.performance-pending>strong{color:#6e5966}
.performance-catalog{margin-top:20px;border-top:1px solid #dbe4e2;padding:14px 0}
.performance-catalog summary,.performance-comparison>summary{cursor:pointer;font-weight:600;color:#294b42;font-size:14px}
.performance-catalog summary span{font-weight:400;color:#667b76;font-size:12px;margin-left:10px}
.performance-catalog table{font-size:13px;margin:12px 0;min-width:650px}
.performance-catalog th,.performance-catalog td{padding:12px;vertical-align:top;white-space:normal}
.performance-catalog td small,.performance-catalog td strong{display:block;line-height:1.6}
.performance-catalog td small{color:#667b76}.performance-catalog h3{font-size:15px}
.performance-comparison{margin:16px 0}.performance-comparison>summary{margin-bottom:12px}
.performance-workspace{display:grid;grid-template-columns:232px minmax(0,1fr);gap:20px;align-items:start}
.performance-main{min-width:0;padding:4px 0}
#content:has(.performance-workspace) .race-modes{display:block;border:0;border-right:1px solid #dbe4e2;padding:0 12px 8px 0;margin:0;overflow:visible}
.performance-metric-group{margin:0 0 12px;padding:0}
.performance-metric-group h3{font-size:12px;font-weight:500;color:#667778;margin:6px 0 4px;padding:0 10px;line-height:1.7}
#content:has(.performance-workspace) .race-modes button{display:block;width:100%;min-height:36px;padding:8px 10px;text-align:left;border:0;border-left:3px solid transparent;border-radius:0 4px 4px 0;background:transparent;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:#344f4c}
#content:has(.performance-workspace) .race-modes button:hover{background:#edf2f1}
#content:has(.performance-workspace) .race-modes button[aria-pressed="true"]{background:#e0efe9;border-left-color:#176b57;color:#115842;font-weight:600}
.performance-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:#647471}
.performance-use{padding:3px 7px;border-radius:3px;background:#e7f0eb;color:#27644e}
.performance-use.is-observe{background:#e9eff6;color:#3e607e}
.performance-scope{margin:8px 0 12px}
.performance-metric-picker{display:none}
.performance-context{border-top:1px solid #dbe4e2;padding:14px 0;margin:16px 0}
.performance-context summary,#performance-method summary{cursor:pointer;color:#405e55;font-size:13px;font-weight:500}
.performance-context dl{display:flex;gap:32px;flex-wrap:wrap;margin:14px 0 8px}
.performance-context dt{font-size:12px;color:#647471}.performance-context dd{margin:4px 0;font-size:19px;font-weight:600;color:#243c37}
.performance-context small,.performance-context p,.performance-observation-note{font-size:12px;color:#677578;line-height:1.7}
.performance-context dd.performance-unavailable{font-size:14px;color:#826c4d;font-weight:400}
.performance-main .race-heading{flex-wrap:wrap}.performance-main .race-heading h2{line-height:1.6;overflow-wrap:anywhere}
.performance-main .race-waiting>div{flex-wrap:wrap;gap:10px}
.performance-main .table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:600px){
 #content .performance-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
 #content .performance-layers button{padding:8px 3px;font-size:13px;line-height:1.5;min-width:0}
 .performance-layers button small{display:block;font-size:11px;font-weight:400}
}
@media(max-width:1100px){
 .performance-workspace{grid-template-columns:minmax(0,1fr)}
 #content:has(.performance-workspace) .race-modes{display:none}
 .performance-metric-picker{display:grid;gap:6px;margin:12px 0;font-size:12px;color:#647471;min-width:0}
 .performance-metric-picker select{width:100%;max-width:100%;min-width:0;font-size:14px;min-height:40px}
}
@media(max-width:600px){.performance-layers button{padding:9px 12px;font-size:13px}.performance-pending dl{grid-template-columns:1fr;gap:6px}.performance-pending dd{margin-bottom:10px}#content:has(.performance-layers) .race-modes{flex-wrap:wrap;overflow:visible}#content:has(.performance-layers) .race-modes button{white-space:normal;text-align:left;max-width:100%}.performance-catalog summary span{display:block;margin:5px 0 0}}