#deviceBenchmark{min-width:0;overflow-wrap:anywhere}
#deviceBenchmark .benchmark-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#deviceBenchmark label{display:block;margin-top:12px}
#deviceBenchmark input,#deviceBenchmark select{max-width:100%;width:100%;min-width:0}
#deviceBenchmark button:disabled{opacity:.55}
#deviceBenchmark small{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#deviceBenchmark h3{font-size:22px;letter-spacing:0;margin:24px 0 12px}
#deviceBenchmark .benchmark-help,#deviceBenchmark .bm-explain{font-size:13px;line-height:1.6;color:#66532b}
#benchmarkImage{display:block;max-width:100%;height:auto;border-radius:12px;margin:16px 0}
#benchmarkImage[hidden],#deviceBenchmark [hidden]{display:none!important}
#deviceBenchmark .bm-summary{border-top:2px solid #bc963f;margin-top:24px;padding-top:4px}
#deviceBenchmark .bm-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#deviceBenchmark .bm-controls label{font-size:12px;letter-spacing:.6px;margin:8px 0}
#deviceBenchmark .bm-controls select{font-size:14px;min-height:44px;letter-spacing:0}
#deviceBenchmark .bm-wide{grid-column:1/-1}
#deviceBenchmark .bm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 12px}
#deviceBenchmark .bm-metric{border:1px solid #dcc38e;background:#fffdf7;border-radius:12px;padding:16px 12px;min-width:0}
#deviceBenchmark .bm-metric>span{display:block;font-size:13px;line-height:1.4;color:#66532b}
#deviceBenchmark .bm-metric strong{display:block;font-size:28px;line-height:1.3;margin:8px 0;font-variant-numeric:tabular-nums;color:#174b35}
#deviceBenchmark .bm-notice{border-left:3px solid #ad7c23;background:#f4e9ce;padding:12px;font-size:13px;line-height:1.6;color:#62471b}
#deviceBenchmark .bm-stage-totals{border-top:1px solid #ddcfaa;border-bottom:1px solid #ddcfaa;padding:4px 0;font-size:14px;line-height:1.6}
#deviceBenchmark .bm-stages{display:flex;gap:8px;margin:12px 0}
#deviceBenchmark .bm-stages button{flex:1;font-size:14px;letter-spacing:0;padding:12px 8px;box-shadow:none}
#deviceBenchmark .bm-class,#deviceBenchmark .bm-photo{border-bottom:1px solid #ddcfaa}
#deviceBenchmark .bm-class>summary,#deviceBenchmark .bm-photo>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:16px 4px;min-height:64px;font-size:15px;line-height:1.4}
#deviceBenchmark summary::-webkit-details-marker{display:none}
#deviceBenchmark .bm-class>summary>span:first-child,#deviceBenchmark .bm-photo>summary>span{min-width:0}
#deviceBenchmark .bm-class>summary:after,#deviceBenchmark .bm-photo>summary:after{content:'+';font-size:22px;flex:none;color:#8b6925}
#deviceBenchmark details[open]>summary:after{content:'−'}
#deviceBenchmark .bm-class small{margin-top:4px;color:#66532b}
#deviceBenchmark .bm-class-rate{flex:none;text-align:right;font-size:20px;font-weight:bold;font-variant-numeric:tabular-nums}
#deviceBenchmark .bm-class-rate small{font-weight:normal}
#deviceBenchmark .bm-class-body{padding:0 8px 16px;font-size:14px;line-height:1.6}
#deviceBenchmark .bm-class-body p{margin:8px 0}
#deviceBenchmark .bm-patterns{border-top:1px solid #ddcfaa;margin-top:12px;padding-top:4px}
#deviceBenchmark .bm-link{border:0;background:transparent;box-shadow:none;padding:8px 4px;min-height:44px;min-width:44px;border-radius:4px;font-size:13px;font-weight:normal;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;text-align:left;color:#174b35}
#deviceBenchmark .bm-history{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #ddcfaa;padding:16px 0;font-size:14px;line-height:1.6}
#deviceBenchmark .bm-history>div{min-width:0}
#deviceBenchmark .bm-history>div>span{display:block;font-size:13px}
#deviceBenchmark .bm-result-good,#deviceBenchmark .bm-result-bad{flex:none;width:100px;font-size:13px;text-align:right;line-height:1.5}
#deviceBenchmark .bm-result-good{color:#175b3a}
#deviceBenchmark .bm-result-bad{color:#923829}
#deviceBenchmark .bm-result-bad small{color:#923829}
#deviceBenchmark .bm-subsection{margin:16px 0;padding:12px 0;border-top:1px solid #ddcfaa}
#deviceBenchmark .bm-subsection>summary{cursor:pointer;min-height:44px;font-size:16px;font-weight:bold;line-height:1.5}
#deviceBenchmark .bm-subsection p{font-size:14px;line-height:1.6}
#deviceBenchmark :focus-visible{outline:3px solid #174b35;outline-offset:3px}
@media(max-width:560px){
 #deviceBenchmark.card{padding:16px}
 #deviceBenchmark .bm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #deviceBenchmark .bm-metric:first-child{grid-column:1/-1}
 #deviceBenchmark .bm-metric{padding:12px}
 #deviceBenchmark .bm-metric strong{font-size:26px}
 #deviceBenchmark .bm-controls .bm-cohort,#deviceBenchmark .bm-controls .bm-scope{grid-column:1/-1}
 #deviceBenchmark .benchmark-actions button{font-size:14px;letter-spacing:0;padding:12px 10px;min-height:44px}
 #deviceBenchmark .bm-result-good,#deviceBenchmark .bm-result-bad{width:76px}
}