:root{--bg:#111;--fg:#e8e8e8;--muted:#999;--line:#2a2a2a;--ok:#6f6;--warn:#fc6}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font:14px/1.5 ui-monospace,Menlo,Consolas,monospace}
a{color:#9cf;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:860px;margin:0 auto;padding:20px}
header{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logo{color:var(--fg);font-weight:700}
nav a{color:var(--muted);margin-left:14px}nav a.on{color:var(--fg)}
h1{font-size:16px;margin-bottom:6px}
.sub{color:var(--muted);margin-bottom:20px;font-size:12px}
.box{border:1px solid var(--line);padding:14px;margin-bottom:14px}
.row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.row:last-child{border:0}
.ok{color:var(--ok)}.warn{color:var(--warn)}
pre{background:#0a0a0a;border:1px solid var(--line);padding:12px;overflow:auto;color:var(--muted);font-size:12px}
footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}