.feedback-test { background:#f5f3eb; color:#183c35; padding:88px 24px; scroll-margin-top:110px; }
.feedback-test * { box-sizing:border-box; }
.feedback-test-inner { max-width:1180px; margin:auto; }
.feedback-test-heading { max-width:820px; margin-bottom:48px; }
.feedback-test .feedback-test-eyebrow { font-size:12px; letter-spacing:.12em; font-weight:800; text-transform:uppercase; color:#5a675e; margin:0 0 16px; }
.feedback-test h2 { font-size:clamp(36px,5vw,64px); line-height:1.08; letter-spacing:-.045em; margin:0 0 24px; font-weight:800; }
.feedback-test h2 span { color:#c94a13; }
.feedback-test-heading > p:last-child { max-width:690px; font-size:19px; line-height:1.65; color:#4c5d55; }
.feedback-test-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.feedback-test figure { margin:0; min-width:0; }
.feedback-test-paper img { display:block; width:100%; height:auto; box-shadow:0 12px 30px #183c3514; border:1px solid #d1d8cc; }
.feedback-test figcaption { font-size:14px; line-height:1.65; margin-top:16px; color:#4c5d55; }
.feedback-test a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.feedback-test a:focus-visible,.feedback-test summary:focus-visible { outline:3px solid #a93c0b; outline-offset:5px; }
.feedback-test-stat > strong { display:block; font-size:clamp(64px,8vw,112px); line-height:1; letter-spacing:-.075em; font-weight:800; }
.feedback-test-stat > strong span { color:#c94a13; margin:0 .09em; }
.feedback-test-stat p { font-size:20px; line-height:1.5; margin:20px 0 28px; }
.feedback-test-stat b { font-size:15px; font-weight:500; color:#4c5d55; }
.feedback-test-checks { border-top:1px solid #cbd2c7; border-bottom:1px solid #cbd2c7; padding:10px 0; }
.feedback-test-checks p { display:flex; gap:14px; font-size:16px; line-height:1.55; margin:18px 0; }
.feedback-test-checks p > span:first-child { color:#227245; font-weight:800; flex-shrink:0; }
.feedback-test-checks strong { color:#183c35; }
.feedback-test-quote { margin:26px 0 0; border-left:3px solid #c94a13; padding-left:22px; }
.feedback-test-quote p { font-size:19px; line-height:1.6; margin:0 0 12px; }
.feedback-test cite { font-size:13px; font-style:normal; color:#59655b; }
.feedback-test-records { margin-top:64px; padding-top:36px; border-top:1px solid #cbd2c7; }
.feedback-test h3 { font-size:26px; line-height:1.25; letter-spacing:-.025em; margin:0 0 12px; }
.feedback-test-records-heading p { font-size:16px; line-height:1.6; margin:0 0 24px; }
.feedback-test-runs { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; }
.feedback-test-runs a { display:flex; flex-direction:column; align-items:center; padding:13px 5px; border:1px solid #bfcabd; border-radius:8px; text-decoration:none; background:#fffdf7; transition:background .15s; }
.feedback-test-runs a span { font-size:12px; color:#57685d; }
.feedback-test-runs a strong { font-size:26px; line-height:1.3; }
.feedback-test-runs a:hover { background:#e4eadc; }
.feedback-test-runs a[aria-current="true"] { background:#183c35; border-color:#183c35; color:white; }
.feedback-test-runs a[aria-current="true"] span { color:#d1e7d8; }
.feedback-test-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; margin-top:24px; padding:32px; background:#fffdf8; border:1px solid #d1d8cc; border-radius:12px; align-items:start; }
.feedback-test h4 { font-size:23px; line-height:1.35; margin:0 0 22px; letter-spacing:-.02em; }
.feedback-test-detail blockquote { margin:0; font-size:19px; line-height:1.6; }
.feedback-test .feedback-test-caption { font-size:13px; color:#617065; margin-top:12px; line-height:1.6; }
.feedback-test-screen img { width:100%; height:auto; display:block; border:1px solid #d1d8cc; border-radius:6px; }
.feedback-test-screen figcaption a { display:inline-block; margin:4px 10px 0 0; }
.feedback-test details summary { cursor:pointer; font-size:16px; font-weight:700; line-height:1.5; padding:18px 0; }
.feedback-test-transcript { margin-top:18px; border-top:1px solid #d1d8cc; }
.feedback-test-transcript p { font-size:16px; line-height:1.65; margin:12px 0 20px; }
.feedback-test-transcript h5 { font-size:15px; margin:20px 0 8px; }
.feedback-test-run-note { border-left:3px solid #c94a13; padding:12px 16px; background:#fff0de; font-size:14px; line-height:1.6; }
.feedback-test-method { border-top:1px solid #cbd2c7; margin-top:32px; }
.feedback-test-method p { max-width:950px; font-size:15px; line-height:1.7; margin:8px 0 18px; }
.feedback-test-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
@media(max-width:800px) { .feedback-test-layout { grid-template-columns:1fr 1fr; gap:28px; } .feedback-test-detail { gap:24px; padding:24px; } .feedback-test-stat > strong { font-size:70px; } }
@media(max-width:620px) { .feedback-test { padding:56px 20px; } .feedback-test-heading { margin-bottom:28px; } .feedback-test-layout,.feedback-test-detail { grid-template-columns:1fr; } .feedback-test-paper { max-width:340px; margin:0 auto!important; } .feedback-test-findings { margin-top:12px; } .feedback-test-runs { grid-template-columns:repeat(5,minmax(0,1fr)); } .feedback-test-records { margin-top:40px; } .feedback-test-detail { padding:22px 18px; } }
@media(prefers-reduced-motion:reduce) { .feedback-test-runs a { transition:none; } }