.product-proof{--proof-success:#14704b;--proof-info:#295c9b;--proof-warning:#885600;scroll-margin-top:170px;letter-spacing:0}
html[data-theme="dark"] .product-proof{--proof-success:#72d8a7;--proof-info:#99c3fb;--proof-warning:#f3cb7d}
.product-proof h2,.product-proof h3{letter-spacing:0}
.product-proof .section-heading{align-items:start;gap:32px}
.product-proof .section-heading h2{font-size:36px;line-height:1.2;max-width:650px}
.product-proof .section-heading>p{max-width:430px;color:var(--color-text-muted);font-size:16px}
.proof-report-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;border-block:1px solid var(--color-border)}
.proof-demo-label{font-size:18px;font-weight:600}
.proof-report-heading p,.proof-page>span{color:var(--color-text-muted);font-size:13px}
.proof-page{display:grid;gap:4px;min-width:0;text-align:right}
.proof-page code{font-size:13px;overflow-wrap:anywhere}
.proof-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:28px 0}
.proof-metric>span{font-size:14px;font-weight:600}
.proof-metric>div:not(.proof-meter){display:flex;align-items:center;gap:16px;margin-block:8px}
.proof-metric strong{font-size:40px;font-weight:600;line-height:1.2;min-width:1ch}
.proof-metric>div>span{font-size:14px;color:var(--color-text-muted)}
.proof-metric small{display:block;font-size:12px;color:var(--color-text-muted);margin-top:10px}
.proof-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:7px}
.proof-meter i{border-radius:2px}
.proof-meter .is-warning{background:var(--proof-warning)}
.proof-meter .is-info{background:var(--proof-info)}
.proof-meter .is-passed{background:var(--proof-success)}
.proof-disclosure{font-size:13px;line-height:1.7;color:var(--color-text-muted);margin-bottom:24px;max-width:1000px}
.proof-findings{display:grid;gap:12px}
.proof-finding{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:0}
.proof-finding>summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto 12px;align-items:center;gap:14px;padding:20px;list-style:none;cursor:pointer;font-size:16px;font-weight:600;min-height:64px}
.proof-finding>summary::-webkit-details-marker,.proof-method>summary::-webkit-details-marker{display:none}
.proof-index{color:var(--color-text-soft);font-size:12px;font-variant-numeric:tabular-nums}
.proof-chevron{display:block;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
details[open]>summary>.proof-chevron{transform:rotate(225deg)}
.proof-finding-body{padding:0 20px 22px}
.proof-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.proof-source-grid>div{min-width:0}
.proof-source-grid h3{font-size:12px;color:var(--color-text-muted);font-weight:600;margin-bottom:10px}
.product-proof pre{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;border-left:2px solid var(--color-border);padding:10px 0 10px 14px;max-height:300px;overflow:auto}
.product-proof pre:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.proof-source-grid>div:last-child pre{border-left-color:var(--proof-success)}
.proof-missing{font-size:14px;padding:10px 0;color:var(--color-text-muted)}
.proof-action{font-size:14px;color:var(--color-text-muted);margin-block:20px 16px;max-width:950px}
.proof-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:1.5;white-space:normal}
.proof-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.proof-badge.is-warning{color:var(--proof-warning)}
.proof-badge.is-info{color:var(--proof-info)}
.proof-badge.is-passed{color:var(--proof-success)}
.proof-report-link{margin-top:24px;min-height:44px}
.proof-method{margin-top:20px;border-block:1px solid var(--color-border)}
.proof-method>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;cursor:pointer;font-size:14px;list-style:none}
.proof-method>div{padding-bottom:24px}
.proof-method p{font-size:14px;color:var(--color-text-muted);max-width:1000px;margin-bottom:24px}
@media(max-width:760px){
 .product-proof{scroll-margin-top:150px}
 .product-proof .section-heading{display:grid;gap:16px}
 .product-proof .section-heading h2{font-size:28px}
 .proof-report-heading{display:grid;gap:16px}
 .proof-page{text-align:left}
 .proof-metrics{gap:20px}
 .proof-metric>div:not(.proof-meter){display:block}
 .proof-metric>div>span{display:block;margin-top:8px}
 .proof-finding>summary{grid-template-columns:22px minmax(0,1fr) 12px;gap:10px;padding:16px;font-size:15px}
 .proof-finding>summary>.proof-badge{grid-column:2;grid-row:2}
 .proof-finding>summary>.proof-chevron{grid-column:3;grid-row:1}
 .proof-finding-body{padding:0 16px 20px}
 .proof-source-grid{grid-template-columns:1fr;gap:20px}
 .proof-report-link{width:100%}
}
@media(prefers-reduced-motion:reduce){.proof-chevron{transition:none}}
html[data-motion="reduced"] .proof-chevron{transition:none}