.reuse-workspace { --reuse-border:#dcd9e5; color:#242434; }
.reuse-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.reuse-heading h2 { margin:6px 0 8px; font-size:1.45rem; line-height:1.3; }
#reuse-title,#reuse-comparison-title { scroll-margin-top:125px; }
.reuse-heading p { max-width:65ch; color:#656174; margin:0; }
.reuse-workspace button { min-height:40px; white-space:normal; }
.reuse-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0; }
.reuse-summary>div { padding:14px; background:#f6f4fa; border:1px solid #e6e2ef; border-radius:12px; }
.reuse-summary strong { display:block; font-size:1.7rem; color:#57438b; }
.reuse-summary span { display:block; font-size:.85rem; line-height:1.45; color:#5f5a6d; }
.reuse-workspace details { border:1px solid var(--reuse-border); border-radius:10px; padding:12px 15px; margin:12px 0; min-width:0; }
.reuse-workspace summary { cursor:pointer; font-weight:650; line-height:1.55; overflow-wrap:anywhere; }
.reuse-workspace p,.reuse-workspace dd,.reuse-workspace code,.reuse-workspace blockquote { overflow-wrap:anywhere; }
.reuse-workspace fieldset { min-width:0; padding:16px; border:1px solid var(--reuse-border); border-radius:10px; margin:14px 0; }
.reuse-workspace label { display:flex; flex-direction:column; gap:6px; font-size:.9rem; font-weight:600; margin:12px 0; }
.reuse-workspace input,.reuse-workspace select,.reuse-workspace textarea { min-width:0; width:100%; max-width:100%; box-sizing:border-box; font:inherit; font-weight:400; color:#262231; background:#fff; border:1px solid #bab3c9; border-radius:7px; padding:10px; }
.reuse-workspace :is(input,select,textarea,button,summary):focus-visible { outline:3px solid #7960af; outline-offset:3px; }
.reuse-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.reuse-columns>* { min-width:0; }
#reuse-test-details article { background:#faf9fc; padding:14px; border-radius:10px; border:1px solid #e4dfed; }
.reuse-workspace h3 { font-size:1rem; margin:10px 0; }
.reuse-badge { display:inline-block; padding:3px 9px; border-radius:20px; font-size:.78rem; background:#e8f2ed; color:#24543c; margin:0 6px 4px 0; }
.reuse-badge.needs-review,.reuse-warning { color:#774a16; background:#fff4de; }
.reuse-warning { padding:10px 12px; border-radius:8px; line-height:1.55; }
.reuse-change { border-left:3px solid #ac8a46; background:#fcfaf5; padding:14px 18px; margin:14px 0; }
.reuse-change .reuse-columns p { margin-top:4px; font-size:.88rem; }
.reuse-change .reuse-columns p>span { display:block; color:#6c6573; font-weight:600; margin-bottom:4px; }
.reuse-actions { display:flex; flex-wrap:wrap; gap:8px; }
.reuse-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; }
.reuse-checks label { display:flex; flex-direction:row; align-items:flex-start; gap:9px; font-weight:400; }
.reuse-checks input { width:18px; min-width:18px; height:18px; margin:1px 0; accent-color:#6e55a0; }
.reuse-comparison article { padding:12px 0; border-bottom:1px solid #e9e5ef; }
.reuse-comparison article>strong { margin-right:12px; }
.reuse-comparison p { margin:8px 0; font-size:.9rem; }
.reuse-workspace blockquote { margin:12px 0; padding:12px 16px; border-left:3px solid #b4a5cd; background:#f6f3f9; white-space:pre-wrap; line-height:1.65; }
.reuse-workspace dd { margin:4px 0 14px; font-size:.85rem; }
.reuse-workspace dt { font-weight:600; }
#reuse-status { line-height:1.5; color:#5b487e; }
#reuse-draft-state { background:#fff2d2; padding:10px; border-radius:8px; }
@media(max-width:850px){.reuse-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.reuse-heading { flex-direction:column; }}
@media(max-width:620px){.reuse-columns,.reuse-checks { grid-template-columns:minmax(0,1fr); gap:5px; }.reuse-workspace fieldset { padding:10px; }.reuse-workspace details { padding:10px; }.reuse-summary>div { padding:10px; }}