/* Sample UX review page. Reuses the paper/doc-shell/finding components; page-scoped additions only. */
.sr-page .sr-meta{margin-top:18px;font:12px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sr-page .report-title h2{margin:14px 0 22px}
.sr-finding{background:#f4efe8}
.sr-finding-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.sr-finding-head .eyebrow{margin:0}
.sr-status{display:inline-block;border:1px solid #81492e;color:#5e331f;font:10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px}
.sr-finding h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2;margin:10px 0 18px;color:var(--paperink)}
.sr-finding .contrast-pair{margin:0 0 18px}
.sr-finding dl>div{grid-template-columns:130px 1fr}
.sr-finding dd{font-size:15px;line-height:1.6}
.sr-anatomy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;counter-reset:sr}
.sr-anatomy li{counter-increment:sr;border-top:1px solid var(--line);padding:16px 0 18px;font-size:16px;line-height:1.45}
.sr-anatomy li::before{content:counter(sr,decimal-leading-zero);display:block;font:11px/1.6 var(--mono);color:var(--accent);margin-bottom:6px}
.paper .button.solid{color:#fff}
@media(max-width:850px){.sr-anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sr-finding dl>div{grid-template-columns:minmax(0,1fr);gap:4px}.sr-anatomy{grid-template-columns:minmax(0,1fr)}}
@media print{
 .sr-page .hero-side,.skip{display:none!important}
 .sr-page .sr-meta{color:#333}
 .sr-finding{background:#fff;border-color:#999;break-inside:avoid;page-break-inside:avoid}
 .sr-status{border-color:#333;color:#111}
 .sr-finding h3,.sr-finding dd{color:#111}
 .contrast-tile{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .sr-anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sr-anatomy li{color:#111;border-color:#999}
 .sr-anatomy li::before{color:#333}
}
.sr-page .hero-grid h1{text-wrap:balance}
.sr-page .hero-grid h1 em{display:block;text-wrap:balance}