.workflow-method,.workflow-prerequisite { padding:var(--s-4); background:var(--surface-2); border:1px solid var(--border-strong); border-radius:var(--r-sm); overflow-wrap:anywhere; }
.workflow-verdict { padding-bottom:var(--s-4); border-bottom:1px solid var(--border-strong); }
.workflow-verdict h3 { margin-top:0; }
.workflow-outcome { font-size:var(--fs-xl); font-weight:700; color:var(--text); }
.workflow-outcome[data-outcome="review"],.workflow-outcome[data-outcome="partial"] { color:var(--warn); }
.workflow-outcome[data-outcome="fail"],.workflow-outcome[data-outcome="error"] { color:var(--fail); }
.workflow-severity { display:block; font-weight:650; font-size:var(--fs-sm); color:var(--muted); margin-bottom:var(--s-1); }
.workflow-actions { padding-inline-start:var(--s-6); }
.workflow-actions li { margin-block:var(--s-3); }
.workflow-evidence,.workflow-check { min-width:0; margin-block:var(--s-4); border:1px solid var(--border-strong); border-radius:var(--r-sm); padding:var(--s-3); }
.workflow-evidence summary,.workflow-check summary { overflow-wrap:anywhere; }
.workflow-evidence .btn { margin:var(--s-2) var(--s-2) var(--s-2) 0; white-space:normal; }
.workflow-comparison { padding:var(--s-4); background:var(--surface-2); margin-block:var(--s-5); border-radius:var(--r-sm); }
.workflow-builder,.workflow-rows { display:grid; gap:var(--s-4); min-width:0; }
.workflow-builder .btn,.diagnostic-workspace button.btn { min-height:44px; height:auto; padding-block:10px; white-space:normal; }
.workflow-row { display:grid; gap:var(--s-3); padding:var(--s-4); margin:0; min-width:0; border:1px solid var(--border-strong); border-radius:var(--r-sm); }
.workflow-row legend { font-weight:650; padding-inline:var(--s-2); }
.workflow-row .btn { justify-self:start; white-space:normal; }
.workflow-input { display:grid; gap:var(--s-2); min-width:0; }
.workflow-input .input { width:100%; min-width:0; }
.workflow-raw-toggle { display:flex; align-items:center; gap:var(--s-3); min-height:44px; margin-block:var(--s-3); cursor:pointer; }
.workflow-raw-toggle input { width:1.25rem; height:1.25rem; flex-shrink:0; }
.workflow-exports .btn,.workflow-check-actions .btn { min-height:44px; white-space:normal; }
.workflow-check-summary { padding:var(--s-4); margin-block:var(--s-4); min-width:0; }
.workflow-check-summary h3 { margin-top:0; }
.workflow-check-summary p,.workflow-check-summary li { overflow-wrap:anywhere; }
.workflow-check-summary li { margin-block:var(--s-3); }
.workflow-check-summary li a { display:inline-flex; align-items:center; min-height:44px; }
.workflow-check-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-3); margin-block:var(--s-4); }
.workflow-check-actions p { flex-basis:100%; }
.workflow-builder [hidden],.workflow-check-actions[hidden] { display:none; }
.diagnostic-workspace :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
@media(min-width:42rem) { .workflow-row { grid-template-columns:repeat(2,minmax(0,1fr)); }.workflow-row > .btn { grid-column:1/-1; }.workflow-check-summary { padding:var(--s-5); } }
@media(min-width:64rem) { .workflow-evidence,.workflow-check { padding:var(--s-4); }.workflow-exports { gap:var(--s-3); } }