:root{
  --bg:#0f1216; --panel:#171b21; --panel2:#1c2129; --line:#272d37;
  --fg:#e6e9ee; --mut:#96a0af; --acc:#5db1ff; --acc2:#7ee0c0;
  --ok:#6bd39a; --warn:#f0c36d; --err:#f08a8a;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:28px 20px 60px}

header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  flex-wrap:wrap;margin-bottom:22px}
h1{margin:0;font-size:24px;font-weight:700;letter-spacing:.2px}
h1 span{color:var(--mut);font-weight:500}
.sub{margin:4px 0 0;color:var(--mut);font-size:13px}
.actions{display:flex;align-items:center;gap:10px}
button{background:var(--acc);color:#05121f;border:0;border-radius:8px;
  padding:9px 15px;font-size:14px;font-weight:650;cursor:pointer}
button:hover{filter:brightness(1.08)}
button:disabled{opacity:.55;cursor:default}
.syncmsg{font-size:13px;color:var(--mut)}
.syncmsg.ok{color:var(--ok)} .syncmsg.err{color:var(--err)} .syncmsg.run{color:var(--warn)}

.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;margin-bottom:24px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;display:block}
.card:hover{border-color:#38414f;text-decoration:none}
.svc{display:flex;flex-direction:column;gap:2px}
.svc .ico{font-size:20px;margin-bottom:4px}
.svc b{color:var(--fg);font-weight:650}
.svc small{color:var(--mut)}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.grid{grid-template-columns:1fr}}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.panel h2{margin:0 0 12px;font-size:15px;font-weight:650;display:flex;align-items:center;gap:8px}
.panel h2 .all{margin-left:auto;font-size:12px;font-weight:500;color:var(--mut)}
.list{display:flex;flex-direction:column;gap:8px}
.item{background:var(--panel2);border:1px solid var(--line);border-radius:10px;
  padding:10px 12px;display:block}
.item:hover{border-color:#3a4450;text-decoration:none}
.item .date{font-weight:650;color:var(--acc2)}
.item .meta{color:var(--mut);font-size:12px;margin-left:8px}
.hl{margin:6px 0 0;padding-left:18px;color:var(--mut);font-size:13px}
.hl li{margin:1px 0}
.empty{color:var(--mut);font-size:13px;margin:2px 0}

/* Rendered markdown pages */
.doc{max-width:820px}
.crumb{color:var(--mut);font-size:13px;margin:0 0 10px}
.doc h1{font-size:24px;margin:.2em 0 .6em}
.doc h2{font-size:19px;border-bottom:1px solid var(--line);padding-bottom:.25em;margin-top:1.6em}
.doc h3{font-size:16px}
.doc code{background:#0b0e12;border:1px solid var(--line);border-radius:5px;padding:.1em .4em;font-size:.9em}
.doc pre{background:#0b0e12;border:1px solid var(--line);border-radius:10px;padding:14px;overflow:auto}
.doc pre code{border:0;padding:0}
.doc table{border-collapse:collapse;width:100%;margin:1em 0}
.doc th,.doc td{border:1px solid var(--line);padding:6px 10px;text-align:left}
.doc th{background:var(--panel2)}
.doc blockquote{border-left:3px solid var(--line);margin:1em 0;padding:.2em 1em;color:var(--mut)}
.index{list-style:none;padding:0;margin:0}
.index li{border-bottom:1px solid var(--line);padding:9px 2px;display:flex;justify-content:space-between;gap:10px}
.index .meta{color:var(--mut);font-size:12px}

/* Benchmark run cards + score badges */
.runhead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.badge{font-size:12px;padding:2px 8px;border-radius:6px;border:1px solid var(--line);white-space:nowrap}
.badge.b-ok{background:rgba(107,211,154,.14);color:#8ee7b3;border-color:#2f6b49}
.badge.b-mid{background:rgba(240,195,109,.14);color:#f0c988;border-color:#6b5a2f}
.badge.b-low{background:rgba(240,138,138,.14);color:#f0a3a3;border-color:#6b3a3a}
.badge.b-na{background:var(--panel2);color:var(--mut)}
table.runs{border-collapse:collapse;width:100%;margin-top:8px}
table.runs th,table.runs td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
table.runs th{background:var(--panel2);color:var(--acc)}
table.runs .badge{margin:2px 3px 2px 0}

footer{margin-top:34px;color:var(--mut);font-size:12px;text-align:center}

/* runs-wrap-fix v2 — stack model+score badges vertically */
table.runs{table-layout:fixed}
table.runs td:first-child{width:112px}
table.runs td:nth-child(2){width:22%;word-break:break-word}
table.runs td:nth-child(3){white-space:normal}
table.runs td:nth-child(3) .badge{display:block;width:fit-content;max-width:100%;margin:4px 0;white-space:normal;word-break:break-word}

/* qtable */
.qtable{width:100%;border-collapse:collapse;font-size:13px}
.qtable th{text-align:left;color:var(--acc);padding:5px 8px;border-bottom:1px solid var(--line)}
.qtable td{padding:5px 8px;border-bottom:1px solid var(--line)}
.qtable td.qm{word-break:break-word}
.qtable td.qs{text-align:right;color:#fff;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.qtable tr:hover td{background:var(--panel2)}