.results-page{width:min(1320px,100% - 48px);margin:44px auto 64px}.results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.eyebrow{color:var(--red);letter-spacing:.2em;margin:0 0 12px;font-size:14px}.results-heading h1{font:clamp(46px, 7vw, 88px)/1 var(--display);letter-spacing:.015em;margin:0}.intro{color:var(--mute);margin:14px 0 0;font-size:23px}.results-toolbar{border-bottom:1px solid #333;flex-wrap:wrap;align-items:end;gap:20px;margin-top:24px;padding:24px 0;display:flex}.results-toolbar label{color:var(--mute);letter-spacing:.12em;gap:8px;font-size:13px;display:grid}.results-toolbar select{color:#fff;min-width:170px;font:18px var(--body);background:#141318;border:1px solid #555;border-radius:0;padding:12px}.results-toolbar .play{cursor:pointer;border:0;margin-left:auto;font-size:18px}.play:disabled{opacity:.5;cursor:wait}#load-status{color:var(--mute);min-height:24px}.totals{border-top:3px solid var(--red);grid-template-columns:repeat(4,1fr);margin:28px 0 40px;display:grid}.totals>div{border-bottom:1px solid #333;border-right:1px solid #333;gap:6px;padding:22px 18px;display:grid}.totals strong{font:44px var(--display)}.totals span{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:14px}.results-page h2{font:26px var(--display);letter-spacing:.05em;margin:36px 0 10px}.table-note{color:var(--mute);max-width:850px;margin:0 0 18px}.table-wrap{border:1px solid #333;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th,td{border-bottom:1px solid #28262c;padding:14px 16px;font-weight:600}thead th{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;background:#211418;font-size:13px}tbody th{white-space:normal;overflow-wrap:anywhere;min-width:170px;max-width:280px}tbody tr:hover{background:#ffffff06}.metric{font-size:22px;font-weight:700}.build{font:12px monospace}.badge{letter-spacing:.05em;padding:4px 8px;font-size:12px;display:inline-block}.pass{color:#adf3b8;background:#173522}.fail{color:#ffc0b8;background:#491d1d}.neutral{color:#ddd;background:#333}.details-toggle{color:var(--red);cursor:pointer;font:15px var(--body);background:0 0;border:0;margin-top:8px;padding:0;display:block}.details-toggle:before{content:"▸ "}.details-toggle[aria-expanded=true]:before{content:"▾ "}.device-details-row{background:#ffffff04}.device-details{white-space:normal;width:min(1100px,100vw - 80px);padding:8px;font-size:16px;font-weight:600}.device-details h3{font:22px var(--display);margin:0 0 18px}.device-details dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin:14px 0;display:grid}.device-details dt{color:var(--mute);text-transform:uppercase;font-size:12px}.device-details dd{overflow-wrap:anywhere;margin:2px 0 0}.device-details p{color:var(--mute);font-size:13px}tbody td{vertical-align:top}a:focus-visible{outline-offset:4px;outline:2px solid #fff}button:focus-visible{outline-offset:4px;outline:2px solid #fff}select:focus-visible{outline-offset:4px;outline:2px solid #fff}.table-wrap:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (max-width:640px){.device-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.results-page{width:calc(100% - 32px);margin-top:28px}.totals{grid-template-columns:repeat(2,1fr)}.results-toolbar{gap:16px}.results-toolbar label{flex:140px}.results-toolbar select{width:100%;min-width:0}.results-toolbar .play{margin-left:0}th,td{padding:12px}}
