/* Scores render only when the accompanying local result file passes validation. */
.performance-proof { padding-block: clamp(60px,6vw,95px); border-bottom: 1px solid #d5ddcf; background: #f1f4eb; color: #1a241a; }
.performance-proof-wrap { width: min(1400px,calc(100% - 112px)); margin-inline: auto; }
.performance-proof-layout { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1fr); align-items: center; gap: clamp(35px,6vw,90px); }
.performance-proof-copy { min-width: 0; }
.performance-proof .performance-proof-eyebrow { margin: 0 0 22px; color: #53664a; font-size: .7rem; font-weight: 600; line-height: 1.5; letter-spacing: .13em; text-transform: uppercase; }
.performance-proof h2 { margin: 0; font-size: clamp(2.1rem,3.3vw,3.4rem); font-weight: 500; line-height: 1.08; letter-spacing: -.045em; text-align: start; text-wrap: balance; }
.performance-proof .performance-proof-intro { max-width: 37ch; margin-top: 24px; color: #52604b; font-size: .98rem; line-height: 1.8; }
.performance-proof .performance-proof-search { max-width: 48ch; margin-top: 18px; color: #52604b; font-size: .84rem; line-height: 1.8; text-align: start; }
.performance-proof-search a { color: #33472a; text-decoration: underline; text-underline-offset: 3px; }
.performance-proof .performance-proof-source { margin-top: 22px; color: #58644f; font-size: .75rem; line-height: 1.8; }
.performance-proof-source a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.performance-proof a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; border-radius: 2px; }
.performance-proof-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.performance-proof .performance-proof-result-label { grid-column: 1 / -1; margin: 0; color: #46583e; font-size: .79rem; font-weight: 500; line-height: 1.5; text-align: center; }
.performance-proof-card { min-width: 0; padding: 27px 20px 23px; border: 1px solid #cbd6c1; border-radius: 9px; background: #fbfcf8; }
.performance-proof .performance-proof-card h3 { margin: 0; font-size: .97rem; font-weight: 500; line-height: 1.4; letter-spacing: -.015em; text-align: center; }
.performance-proof-gauge { position: relative; width: 132px; height: 132px; margin: 18px auto 12px; }
.performance-proof-gauge > svg { display: block; width: 100%; height: 100%; }
.performance-proof-track { stroke: #dce4d3; }
.performance-proof-good { --performance-score-color: #5a741d; }
.performance-proof-moderate { --performance-score-color: #986018; }
.performance-proof-low { --performance-score-color: #aa4738; }
.performance-proof-value { stroke: var(--performance-score-color); }
.performance-proof .performance-proof-score { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; margin: 0; color: #203018; line-height: 1; text-align: center; }
.performance-proof-score strong { font-size: 2.6rem; font-weight: 500; letter-spacing: -.055em; }
.performance-proof-score span { color: #58674f; font-size: .68rem; line-height: 1.5; }
.performance-proof .performance-proof-measure { margin: 0; color: #46583e; font-size: .79rem; line-height: 1.5; text-align: center; }
#main .performance-proof .performance-proof-card :is(h3,.performance-proof-score,.performance-proof-measure) { text-align: center; }
.performance-proof .performance-proof-report { display: flex; align-items: center; justify-content: center; gap: 10px; width: fit-content; max-width: 100%; min-height: 44px; margin: 14px auto 0; color: #415733; font-size: .75rem; font-weight: 500; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; }
.performance-proof-report > svg { flex: none; }
.performance-proof-report:hover { color: #1e3014; }
.performance-proof .performance-proof-note { margin-top: 28px; padding-top: 21px; border-top: 1px solid #cdd7c4; color: #53624b; font-size: .74rem; line-height: 1.8; text-align: start; }
@media (min-width: 1920px) {
  .performance-proof-wrap { width: min(1580px,calc(100% - 144px)); }
}
@media (max-width: 1200px) {
  .performance-proof-wrap { width: calc(100% - 72px); }
  .performance-proof-layout { gap: 35px; }
  .performance-proof-card { padding-inline: 15px; }
}
@media (max-width: 960px) {
  .performance-proof-wrap { width: calc(100% - 48px); }
  .performance-proof-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .performance-proof-copy { max-width: 600px; }
  .performance-proof h2 { font-size: clamp(2.1rem,5vw,3.1rem); }
  .performance-proof .performance-proof-intro { max-width: 52ch; margin-top: 20px; }
  .performance-proof .performance-proof-source { margin-top: 17px; }
  .performance-proof-metrics { width: 100%; max-width: 640px; }
}
@media (max-width: 600px) {
  .performance-proof { padding-block: 58px; }
  .performance-proof-wrap { width: calc(100% - 40px); }
  .performance-proof .performance-proof-eyebrow { font-size: .65rem; margin-bottom: 19px; }
  .performance-proof h2 { font-size: clamp(2rem,7.5vw,2.65rem); }
  .performance-proof .performance-proof-intro { font-size: .93rem; }
  .performance-proof-metrics { gap: 12px; }
  .performance-proof-card { padding: 22px 10px 17px; }
  .performance-proof-gauge { width: 112px; height: 112px; margin-block: 15px 10px; }
  .performance-proof-score strong { font-size: 2.25rem; }
  .performance-proof .performance-proof-report { gap: 5px; font-size: .7rem; }
  .performance-proof-report > svg { width: 15px; height: 15px; }
  .performance-proof .performance-proof-note { font-size: .72rem; }
}
@media (max-width: 340px) {
  .performance-proof-metrics { grid-template-columns: minmax(0,1fr); }
}
@media (forced-colors: active) {
  .performance-proof-card { border-color: CanvasText; }
  .performance-proof-track { stroke: GrayText; }
  .performance-proof-value { stroke: CanvasText; }
}