.pg .pg-note { margin-left:auto; font-size:12px; color:var(--muted); }
.pg-layout { display:grid; grid-template-columns:minmax(240px,320px) 1fr; gap:20px; padding:24px;
  max-width:1200px; margin:0 auto 90px; align-items:start; }
.pg-scenarios { position:sticky; top:78px; }

.pg-list { list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.pg-list button { width:100%; text-align:left; background:#fff; border:1px solid transparent;
  border-radius:9px; padding:9px 11px; font:inherit; display:grid; gap:2px; }
.pg-list button:hover { background:#f6f8fb; }
.pg-list button[aria-current=true] { background:#eef2ff; border-color:#c7d2fe; }
.pg-list .pg-name { font-weight:550; }
.pg-list .pg-sub { font-size:11px; color:var(--muted); }
.pg-list .pg-gap { font-size:10px; font-weight:700; color:#8a5a00; letter-spacing:.04em; }

.pg-expected { margin:0 0 4px; font-size:14px; }

.pg-probes { width:100%; border-collapse:collapse; font-size:13px; margin-bottom:4px; }
.pg-probes th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.05em;
  color:var(--muted); font-weight:600; padding:6px 8px; border-bottom:1px solid var(--line); }
.pg-probes td { padding:7px 8px; border-bottom:1px solid #f1f4f8; vertical-align:top; }
.pg-probes tr:last-child td { border-bottom:0; }
.pg-probes .pg-verdict { font-size:10px; font-weight:700; letter-spacing:.04em; white-space:nowrap; }
.pg-probes .pass { color:#0a7d33; }
.pg-probes .fail { color:#9a1b1b; }
.pg-probes .known { color:#8a5a00; }
.pg-probes .idle { color:var(--muted); }

.pg-events { list-style:none; margin:0; padding:0; font-family:ui-monospace,Menlo,monospace;
  font-size:11.5px; display:grid; gap:2px; max-height:160px; overflow:auto; }
.pg-events li { padding:4px 8px; background:#f8fafc; border-radius:6px; color:#334155; }
.pg-events .empty { background:transparent; color:var(--muted); }

.pg-filler { max-width:1200px; margin:0 auto 420px; padding:0 24px; color:var(--muted); }
.pg-dim { color:#64748b; }