:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; font: 14px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: #0d1117; color: #c9d1d9;
}
header {
  padding: 14px 20px; background: #161b22; border-bottom: 1px solid #30363d;
  display: flex; gap: 16px; align-items: center; flex-wrap: wrap;
}
h1 { font-size: 15px; margin: 0; font-weight: 600; color: #e6edf3; }
nav { display: flex; gap: 12px; flex-wrap: wrap; }
nav a { color: #58a6ff; text-decoration: none; }
nav a:hover { text-decoration: underline; }
nav a.active { color: #7ee787; font-weight: 600; }
main { padding: 20px; max-width: 900px; }
.card { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 18px; margin-bottom: 18px; }
.muted { color: #8b949e; }
h2 { font-size: 14px; margin: 0 0 10px; color: #e6edf3; }
button {
  font: inherit; cursor: pointer; color: #c9d1d9; background: #21262d;
  border: 1px solid #30363d; border-radius: 6px; padding: 6px 14px;
}
button:hover { background: #30363d; }
pre { margin: 0; padding: 14px; background: #0d1117; border: 1px solid #30363d; border-radius: 6px; overflow-x: auto; white-space: pre-wrap; word-break: break-all; }
.verdict { font-size: 22px; font-weight: 700; padding: 8px 0; }
.pass { color: #3fb950; }
.fail { color: #f85149; }
.pending { color: #d29922; }
.kv { display: grid; grid-template-columns: 160px 1fr; gap: 4px 12px; margin: 8px 0; }
.kv div:nth-child(odd) { color: #8b949e; }
.warn { color: #d29922; }
code { color: #79c0ff; }