/* Call QA identity: charcoal + signal orange, two-pane workbench, status-colour matrix. */
:root { --jw-accent:#D9480F; --jw-accent-hover:#B83D0B; --jw-accent-soft:#FDEBE1; --jw-bg:#FBF8F5; --char:#23262B; }
[hidden]{display:none !important}
body{margin:0;background:var(--jw-bg);color:var(--jw-ink);font-family:'Inter',system-ui,sans-serif}
h1,h2,h3,.jw-brand{font-family:'Manrope','Inter',sans-serif}
.jw-header{background:var(--char);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1.5rem}
.jw-brand{color:#fff}.jw-brand .dot{background:var(--jw-accent);border-radius:2px;width:12px;height:12px}
.jw-nav a,.jw-nav button{color:#D6D8DC;background:none;border:0;font:inherit;font-weight:600;padding:.45rem .85rem;border-radius:8px;cursor:pointer}
.jw-nav button:hover{background:rgba(255,255,255,.1);color:#fff}.jw-nav button[aria-selected="true"]{background:var(--jw-accent);color:#fff}
.wrap{max-width:1180px;margin:0 auto;padding:1.5rem 1.5rem 5rem}
.hero h1{font-size:1.8rem;margin:.2rem 0;color:var(--char)}.hero p{color:var(--jw-muted);margin:0 0 1rem;max-width:48rem}
.privacy{display:inline-block;background:var(--jw-accent-soft);color:var(--jw-accent);font-weight:600;font-size:.82rem;padding:.3rem .75rem;border-radius:99px;margin-bottom:.6rem}
.drop{border:2px dashed #E9B79C;background:#fff;border-radius:14px;padding:1.6rem 1rem;text-align:center;cursor:pointer}.drop:hover,.drop.over{border-color:var(--jw-accent);background:var(--jw-accent-soft)}
.drop strong{font-family:'Manrope',sans-serif;color:var(--char)}.drop small{display:block;color:var(--jw-muted);margin-top:.3rem}
.matrix td,.matrix th{white-space:nowrap}.matrix th.c,.matrix td.c{text-align:center}
.matrix tbody tr{cursor:pointer}.matrix tbody tr.sel{background:var(--jw-accent-soft)}
.pill{display:inline-block;min-width:1.7rem;padding:.12rem .45rem;border-radius:6px;font-weight:700;font-size:.8rem}
.pill.pass{background:var(--jw-ok-soft);color:var(--jw-ok)}.pill.fail{background:var(--jw-danger-soft);color:var(--jw-danger)}.pill.ov{outline:2px solid var(--char);outline-offset:1px}
.score{font-family:'Manrope',sans-serif;font-weight:800}.score.hi{color:var(--jw-ok)}.score.mid{color:var(--jw-warn)}.score.lo{color:var(--jw-danger)}
.split{display:grid;grid-template-columns:minmax(300px,5fr) 6fr;gap:1rem;margin-top:1rem}@media(max-width:900px){.split{grid-template-columns:1fr}}
.panel{background:#fff;border:1px solid var(--jw-border);border-radius:12px;padding:1rem;max-height:70vh;overflow:auto}
.seg{display:flex;gap:.6rem;padding:.3rem .4rem;border-radius:6px;font-size:.9rem}.seg .t{color:var(--jw-muted);font-variant-numeric:tabular-nums;min-width:3rem}.seg .sp{font-weight:700;min-width:5.2rem;text-transform:capitalize}
.seg.hl-pass{background:var(--jw-ok-soft)}.seg.hl-fail{background:var(--jw-danger-soft)}.seg.flash{outline:2px solid var(--jw-accent)}
.crit{border:1px solid var(--jw-border);border-radius:10px;padding:.7rem .8rem;margin-bottom:.6rem}.crit .top{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.crit .quote{margin:.45rem 0;padding:.4rem .6rem;border-left:3px solid var(--jw-accent);background:#FFF7F2;font-size:.88rem;cursor:pointer}
.crit input.note{width:100%;margin-top:.4rem}
.edit-row{border:1px solid var(--jw-border);border-radius:10px;background:#fff;padding:.8rem;margin-bottom:.7rem}
.progress{height:6px;background:#EDE7E1;border-radius:9px;overflow:hidden;margin:.6rem 0}.progress>span{display:block;height:100%;background:var(--jw-accent);width:0;transition:width .3s}
.bar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:.8rem 0}