.browser-benchmark-methodology{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171717;--muted:#62666d;--rule:#dedfe2;--accent:#6355b8}.browser-benchmark-methodology *{box-sizing:border-box}.browser-benchmark-methodology{scroll-behavior:smooth;color:var(--ink);background:#fff;margin:0;font:17px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.browser-benchmark-methodology a{color:#514393;text-underline-offset:3px}.browser-benchmark-methodology button,.browser-benchmark-methodology a{touch-action:manipulation}.browser-benchmark-methodology button:focus-visible,.browser-benchmark-methodology a:focus-visible,.browser-benchmark-methodology [tabindex]:focus-visible{outline-offset:4px;outline:3px solid #9b6d19}.browser-benchmark-methodology .topbar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;max-width:1230px;margin:auto;padding:23px 34px;display:flex}.browser-benchmark-methodology .brand{color:var(--ink);font-size:19px;font-weight:750;text-decoration:none}.browser-benchmark-methodology nav{gap:24px;font-size:14px;display:flex}.browser-benchmark-methodology nav a{color:var(--muted);text-decoration:none}.browser-benchmark-methodology main{max-width:1230px;margin:auto;padding:0 34px 60px}.browser-benchmark-methodology .article-head{max-width:920px;padding:44px 0 28px}.browser-benchmark-methodology .byline{color:var(--muted);margin:0 0 22px;font-size:14px}.browser-benchmark-methodology .byline span{color:#514393;margin-left:18px}.browser-benchmark-methodology h1,.browser-benchmark-methodology h2,.browser-benchmark-methodology h3{font-family:Georgia,Times New Roman,serif;font-weight:400}.browser-benchmark-methodology h1{letter-spacing:-1.6px;margin:0 0 24px;font-size:clamp(38px,4.5vw,62px);line-height:1.1}.browser-benchmark-methodology h2{letter-spacing:-.6px;margin:0 0 22px;font-size:34px;line-height:1.2}.browser-benchmark-methodology h3{margin:0;font-size:25px;line-height:1.25}.browser-benchmark-methodology p{margin:0 0 20px}.browser-benchmark-methodology .deck{color:#53575c;max-width:70ch;font-size:22px;line-height:1.5}.browser-benchmark-methodology .scope{color:var(--muted);margin:24px 0 0;font-size:14px}.browser-benchmark-methodology .prose{max-width:760px;margin:48px 0}.browser-benchmark-methodology .opening{margin-top:12px}.browser-benchmark-methodology .prose strong{font-weight:650}.browser-benchmark-methodology .figure{border:1px solid var(--rule);background:#fff;border-radius:7px;min-width:0;margin:38px 0 42px;padding:25px 24px 20px}.browser-benchmark-methodology .figure-head{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.browser-benchmark-methodology .figure-brand{white-space:nowrap;color:var(--muted);font-size:12px}.browser-benchmark-methodology .chart-subtitle{color:var(--muted);margin:9px 0 23px;font-size:13px;line-height:1.5}.browser-benchmark-methodology figcaption{color:var(--muted);border-top:1px solid #eee;margin-top:20px;padding-top:14px;font-size:12px;line-height:1.5}.browser-benchmark-methodology .desktop-columns svg{width:100%;font-family:inherit;display:block}.browser-benchmark-methodology .gridline{stroke:#ddd;stroke-dasharray:3 4;stroke-width:1px}.browser-benchmark-methodology .axis{fill:#686868;font:13px Arial,sans-serif}.browser-benchmark-methodology .bar-number{fill:#202020;font:600 17px Arial,sans-serif}.browser-benchmark-methodology .model-label{fill:#262626;font:14px Arial,sans-serif}.browser-benchmark-methodology .chart-pair{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.browser-benchmark-methodology .chart-pair .figure{margin-top:10px}.browser-benchmark-methodology .hbars{gap:14px;display:grid}.browser-benchmark-methodology .bar-row{grid-template-columns:137px minmax(30px,1fr) 64px;align-items:center;gap:10px;min-height:24px;font-size:12px;line-height:1.3;display:grid}.browser-benchmark-methodology .bar-row>span{font-weight:550}.browser-benchmark-methodology .bar-row strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.browser-benchmark-methodology .track{background:#f0f1f3;height:14px}.browser-benchmark-methodology .track i{height:100%;display:block}.browser-benchmark-methodology .no-value{white-space:nowrap;color:#666;background:#fff;font-size:10px;display:block}.browser-benchmark-methodology .plot-scroll{overflow-x:auto}.browser-benchmark-methodology .plot-scroll svg{width:100%;min-width:660px;display:block}.browser-benchmark-methodology .axis-title{fill:#343434;font:14px Arial,sans-serif}.browser-benchmark-methodology .point-text{fill:#171717;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font:13px Arial,sans-serif}.browser-benchmark-methodology .direction{fill:#427653;font:12px Arial,sans-serif}.browser-benchmark-methodology .workflow-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.browser-benchmark-methodology .workflow .chart-subtitle{min-height:58px}.browser-benchmark-methodology .workflow-grid .figure{margin:0}.browser-benchmark-methodology .workflow-grid .bar-row{grid-template-columns:137px minmax(30px,1fr) 35px}.browser-benchmark-methodology .routes{grid-template-columns:1fr 1fr;gap:36px;margin:22px 0 50px;display:grid}.browser-benchmark-methodology .routes article{border-top:3px solid var(--accent);padding:23px 0}.browser-benchmark-methodology .routes h3{margin-bottom:18px}.browser-benchmark-methodology .routes p{font-size:16px}.browser-benchmark-methodology .methods{border-top:1px solid var(--rule);max-width:880px;margin:64px 0 40px;padding-top:32px}.browser-benchmark-methodology .methods p{color:#555;font-size:14px;line-height:1.75}.browser-benchmark-methodology .methods strong{color:#222}.browser-benchmark-methodology .table-scroll{margin:24px 0;overflow-x:auto}.browser-benchmark-methodology table{border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.browser-benchmark-methodology th,.browser-benchmark-methodology td{border-bottom:1px solid var(--rule);text-align:right;padding:15px 11px}.browser-benchmark-methodology th:first-child,.browser-benchmark-methodology td:first-child{text-align:left}.browser-benchmark-methodology th{background:#f5f5f6}.browser-benchmark-methodology th button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.browser-benchmark-methodology tbody tr:hover{background:#faf9fc}.browser-benchmark-methodology .cost-control{flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 15px;font-size:13px;display:flex}.browser-benchmark-methodology .cost-control>span{color:var(--muted);margin-right:12px}.browser-benchmark-methodology .cost-control button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d7e1;border-radius:4px;padding:6px 13px}.browser-benchmark-methodology .cost-control button[aria-pressed=true]{color:#423580;background:#ece9f7;border-color:#a49bc8}.browser-benchmark-methodology .currency-note{color:var(--muted);max-width:90ch;font-size:12px}.browser-benchmark-methodology .dollar-value,.browser-benchmark-methodology[data-currency=usd] .credit-value{display:none}.browser-benchmark-methodology[data-currency=usd] .dollar-value{display:inline}.browser-benchmark-methodology .mobile-bars,.browser-benchmark-methodology .mobile-hint{display:none}.browser-benchmark-methodology .footer{border-top:1px solid var(--rule);color:var(--muted);margin-top:56px;padding-top:24px;font-size:13px}.browser-benchmark-methodology .footer p{max-width:88ch}.browser-benchmark-methodology .footer-links{flex-wrap:wrap;gap:24px;display:flex}@media (max-width:900px){.browser-benchmark-methodology .topbar,.browser-benchmark-methodology main{padding-left:22px;padding-right:22px}.browser-benchmark-methodology .chart-pair,.browser-benchmark-methodology .workflow-grid{grid-template-columns:1fr}.browser-benchmark-methodology .workflow .chart-subtitle{min-height:0}.browser-benchmark-methodology .figure{padding:20px}.browser-benchmark-methodology .bar-row{grid-template-columns:160px minmax(30px,1fr) 78px;font-size:13px}.browser-benchmark-methodology .workflow-grid .bar-row{grid-template-columns:160px minmax(30px,1fr) 35px}.browser-benchmark-methodology .chart-pair{gap:0}.browser-benchmark-methodology .routes{gap:24px}}@media (max-width:600px){.browser-benchmark-methodology{font-size:16px}.browser-benchmark-methodology .topbar,.browser-benchmark-methodology main{padding-left:18px;padding-right:18px}.browser-benchmark-methodology .topbar{align-items:flex-start;gap:12px}.browser-benchmark-methodology .brand{font-size:16px}.browser-benchmark-methodology nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:12px}.browser-benchmark-methodology nav a:last-child{display:none}.browser-benchmark-methodology .article-head{padding-top:30px}.browser-benchmark-methodology h1{letter-spacing:-.8px}.browser-benchmark-methodology h2{font-size:29px}.browser-benchmark-methodology h3{font-size:23px}.browser-benchmark-methodology .deck{font-size:19px}.browser-benchmark-methodology .byline span{margin-left:10px}.browser-benchmark-methodology .prose{margin:34px 0}.browser-benchmark-methodology .figure{margin:28px 0;padding:18px 14px}.browser-benchmark-methodology .figure-brand{font-size:10px}.browser-benchmark-methodology .bar-row,.browser-benchmark-methodology .workflow-grid .bar-row{grid-template-columns:119px minmax(30px,1fr) 53px;gap:7px;font-size:11px}.browser-benchmark-methodology .workflow-grid .bar-row{grid-template-columns:119px minmax(30px,1fr) 29px}.browser-benchmark-methodology .hbars{gap:16px}.browser-benchmark-methodology .desktop-columns{display:none}.browser-benchmark-methodology .mobile-bars{display:block}.browser-benchmark-methodology .mobile-hint{color:var(--muted);margin:5px 0;font-size:12px;display:block}.browser-benchmark-methodology .routes{grid-template-columns:1fr;gap:0}.browser-benchmark-methodology .methods{margin-top:40px}.browser-benchmark-methodology .no-value{font-size:8px}.browser-benchmark-methodology .footer-links{gap:14px}}@media (prefers-reduced-motion:reduce){.browser-benchmark-methodology{scroll-behavior:auto}}@media print{.browser-benchmark-methodology nav,.browser-benchmark-methodology .cost-control{display:none}.browser-benchmark-methodology main{padding:0}.browser-benchmark-methodology .figure{break-inside:avoid}.browser-benchmark-methodology .table-scroll,.browser-benchmark-methodology .plot-scroll{overflow:visible}.browser-benchmark-methodology .plot-scroll svg{min-width:0}.browser-benchmark-methodology .article-head{padding-top:20px}}.browser-benchmark-methodology .protocol{max-width:980px}.browser-benchmark-methodology .protocol h3{margin:30px 0 12px}.browser-benchmark-methodology .protocol p{max-width:78ch}.browser-benchmark-methodology .protocol td{white-space:normal;text-align:left;vertical-align:top}.browser-benchmark-methodology .protocol td:last-child{white-space:nowrap}.browser-benchmark-methodology .task{border-top:1px solid var(--rule);margin:45px 0;padding-top:28px;scroll-margin-top:20px}.browser-benchmark-methodology .task a{overflow-wrap:anywhere}.browser-benchmark-methodology details{border:1px solid var(--rule);border-radius:5px;margin:14px 0;padding:12px 16px}.browser-benchmark-methodology summary{cursor:pointer;font-weight:600}.browser-benchmark-methodology summary:focus-visible{outline:3px solid #9b6d19}.browser-benchmark-methodology pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f7f8;max-height:500px;padding:16px;font:13px/1.65 ui-monospace,monospace;overflow:auto}.browser-benchmark-methodology .protocol .models{font-size:15px}.browser-benchmark-methodology .protocol ul{padding-left:22px}.browser-benchmark-methodology .protocol th{white-space:normal;text-align:left}