.harness-library { margin-block: 24px; }
.harness-library h3 { margin-top: 28px; }
.harness-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:16px; }
.harness-item { border:1px solid #d5dfda; border-radius:12px; padding:18px; margin-block:12px; min-width:0; }
.harness-item h4 { margin:0 0 8px; }
.harness-item p,.harness-library small { color:#53665d; }
.harness-library summary { cursor:pointer; padding:12px 0; font-weight:600; }
.harness-library summary:focus-visible { outline:2px solid #276450; outline-offset:3px; }
.harness-library pre { white-space:pre-wrap; overflow-wrap:anywhere; background:#f3f6f4; padding:16px; border-radius:8px; max-height:420px; overflow:auto; font:14px/1.65 ui-monospace,monospace; }
.harness-flow { display:flex; flex-wrap:wrap; gap:12px; padding:0; list-style:none; counter-reset:step; }
.harness-flow li { padding:12px; background:#eef4f0; border-radius:8px; counter-increment:step; }
.harness-flow li:before { content:counter(step) '. '; font-weight:700; }
.harness-flow li:not(:last-child):after { content:' →'; color:#376653; }
.harness-diagram { margin-top:24px; }