Upload benchmark.css with huggingface_hub

benchmark.css

@@ -1,6 +1,7 @@
 .benchmark-page { background:#101012; color:#101012; }
 .bench-nav { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:64px; max-width:1380px; margin:auto; padding:0 26px; color:#f1f0e9; border-inline:1px solid #343139; border-bottom:1px solid #343139; font:700 8px ui-monospace,monospace; letter-spacing:.12em; }
 .bench-nav>a:last-child { justify-self:end; color:#b6f238; }
+.bench-links { justify-self:end; display:flex; gap:18px; }.bench-links a { color:#b6f238; }
 .bench-shell { max-width:1380px; margin:auto; background:#f1f0e9; border-inline:1px solid #343139; }
 .bench-intro { display:grid; grid-template-columns:1fr 360px; gap:70px; align-items:end; padding:55px 48px 44px; border-bottom:1px solid #d8d5dc; }
 .bench-intro h1 { margin:0; font-size:clamp(44px,6vw,72px); }
@@ -11,4 +12,8 @@ code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
 .contract { display:grid; grid-template-columns:150px 1fr 1fr; gap:28px; align-items:start; padding:36px 48px; background:#171719; color:#f1f0e9; border-top:8px solid #e2382f; }
 .contract>span { color:#b6f238; font:800 9px ui-monospace,monospace; letter-spacing:.12em; }
 .contract pre,.contract p { margin:0; color:#bdb9c2; font-size:10px; line-height:1.65; white-space:pre-wrap; }
-@media(max-width:760px){.bench-nav{grid-template-columns:1fr auto}.bench-nav>span{display:none}.bench-intro{grid-template-columns:1fr;padding:40px 24px}.contract{grid-template-columns:1fr;padding:30px 24px}}
+.explain-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8d5dc; }
+.explain-grid article { padding:38px 34px; border-right:1px solid #d8d5dc; }.explain-grid article:last-child{border-right:0}.explain-grid span,.resources span{color:#6f36d9;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.explain-grid h2{margin:30px 0 12px;font:400 23px/1.05 Georgia,serif}.explain-grid p{margin:0;color:#68646d;font-size:11px;line-height:1.7}
+.receipt-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#6f36d9;color:#f1f0e9;border-top:8px solid #e2382f}.receipt-strip div{display:flex;flex-direction:column;gap:8px;padding:24px;border-right:1px solid rgba(255,255,255,.24)}.receipt-strip div:last-child{border-right:0}.receipt-strip b{color:#b6f238;font:800 8px ui-monospace,monospace;letter-spacing:.1em}.receipt-strip span{font-size:10px}
+.resources{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:44px 48px;background:#f1f0e9}.resources h2{margin:25px 0 0;font:400 30px Georgia,serif}.resource-links{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #c7c4cb;border-left:1px solid #c7c4cb}.resource-links a{display:flex;flex-direction:column;gap:8px;padding:20px;border-right:1px solid #c7c4cb;border-bottom:1px solid #c7c4cb}.resource-links b{font:800 9px ui-monospace,monospace;letter-spacing:.08em}.resource-links small{color:#68646d;font-size:10px;line-height:1.5}
+@media(max-width:760px){.bench-nav{grid-template-columns:1fr auto}.bench-nav>span{display:none}.bench-links a:first-child{display:none}.bench-intro{grid-template-columns:1fr;padding:40px 24px}.contract{grid-template-columns:1fr;padding:30px 24px}.explain-grid,.receipt-strip{grid-template-columns:1fr}.explain-grid article,.receipt-strip div{border-right:0;border-bottom:1px solid #d8d5dc}.resources{grid-template-columns:1fr;padding:36px 24px}.resource-links{grid-template-columns:1fr}}