.verification-sample-panel { position:relative; z-index:9; margin:1rem 2.4rem; padding:.8rem 1.2rem; border:1px solid var(--gray-200); border-radius:var(--r-sm); background:var(--gray-50); font:400 1.15rem/1.6 var(--f-body); }
.verification-sample-panel summary { cursor:pointer; font-weight:600; }
.verification-sample-panel p { margin:.7rem 0; color:var(--gray-600); }
.verification-presets { display:flex; flex-wrap:wrap; gap:.6rem 1.2rem; }
.verification-presets a { color:var(--press-black); text-decoration:underline; text-underline-offset:3px; }
.verification-presets [aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
.verification-cases { max-height:30rem; overflow:auto; margin-top:1rem; }
.verification-cases section { display:flex; flex-wrap:wrap; gap:.5rem; margin:.7rem 0; }
.verification-cases strong { flex-basis:100%; }
.verification-cases button { border:1px solid var(--gray-200); background:var(--white); color:var(--press-black); border-radius:var(--r-xs); padding:.4rem .7rem; font:inherit; cursor:pointer; }
.verification-cases button:hover { border-color:var(--tiger-orange); }
.verification-sample-panel a:focus-visible, .verification-sample-panel button:focus-visible, .verification-sample-panel summary:focus-visible { outline:2px solid var(--tiger-orange); outline-offset:2px; }
body.has-verification-sample.is-reader-open .verification-sample-panel { position:fixed; top:6.4rem; left:7.2rem; right:1.5rem; margin:0; width:max-content; max-width:calc(100vw - 10rem); box-shadow:0 2px 6px #0000000c; }
body.has-verification-sample.is-reader-open .verification-sample-panel details[open] { width:min(80rem,calc(100vw - 14rem)); }
body.has-verification-sample.is-reader-open .reader-workspace { padding-top:4rem; }
