.device-choice{border:0;padding:0;margin:20px 0 10px;display:flex;gap:10px;flex-wrap:wrap}.device-choice legend{font-size:12px;font-weight:600;margin-bottom:9px}.device-choice label{display:flex;align-items:center;gap:8px;background:white;border:1px solid #a5b4c4;border-radius:5px;padding:10px 17px;min-height:44px;margin:0;font-weight:400}.device-choice label:has(input:checked){background:var(--sky);border-color:var(--blue);color:var(--blue)}.device-choice input{accent-color:var(--blue)}.performance-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.performance-layout section+section{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.lab-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.score-panel{text-align:right;flex:none}.score-panel span{display:block;font-size:11px;color:var(--muted)}.score-panel strong{font-family:Sora,sans-serif;font-size:24px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin-top:18px}.metric{padding:20px 0;border-bottom:1px solid var(--line)}.metric-label{display:block;color:var(--blue);font-size:12px;font-weight:600}.metric strong{font-family:Sora,sans-serif;font-size:26px;display:block;margin:5px 0;font-variant-numeric:tabular-nums}.metric p{font-size:12px;margin:0}.psi-warning,.example-notice{background:var(--peach);color:#75412a;font-size:13px;padding:17px 20px;border-radius:8px}.example-notice{margin-bottom:24px;background:var(--sky);color:var(--blue)}.server-section>p{font-size:13px}.server-values{margin:20px 0 0}.server-values>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}.server-values dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:55%}.server-section details{font-size:13px}.improvements p{font-size:13px}.improvements details p{margin:0 0 16px}.improvements .saving{color:var(--blue);font-size:12px}.next-step a.button{color:var(--navy);font-size:13px;display:flex}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1050px){nav{gap:16px}.header{gap:25px}.performance-layout{grid-template-columns:minmax(0,1fr) 260px;gap:26px}}@media(max-width:780px){.performance-layout{grid-template-columns:1fr}.performance-layout>.next-step{display:block}.performance-layout>.next-step hr,.performance-layout>.next-step>strong,.performance-layout>.next-step>p:last-of-type,.performance-layout>.next-step>a{display:block}.performance-layout>.next-step hr{display:block}.performance-layout>.next-step>a.button{display:flex}.score-panel strong{font-size:22px}}@media(max-width:480px){.lab-heading{align-items:flex-start;gap:12px}.lab-heading h3{font-size:19px}.score-panel{max-width:115px}.score-panel strong{font-size:18px;line-height:1.4}.metric-grid{gap:0 18px}.metric strong{font-size:23px}.metric p{font-size:11px}.server-values>div{font-size:12px}.device-choice{margin-top:16px}.device-choice label{padding:9px 14px}.psi-warning{font-size:12px}.performance-layout section+section{margin-top:28px}}@media print{.performance-layout{display:block}.metric-grid{display:grid}.server-values>div{break-inside:avoid}}