/* Benchmark page: the docs article layout without the sidebar, plus the brief's charts. */
.benchmark-layout{max-width:1180px;grid-template-columns:minmax(0,1fr) 190px;gap:56px}
.benchmark-layout .docs-article{max-width:860px}
.benchmark-page .header-links{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px}
.benchmark-page .header-links a:hover{color:var(--accent)}

.bench-download{margin:0 0 28px;display:flex;flex-wrap:wrap;gap:8px 28px}
.bench-download a{font-weight:600}

.bench-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 8px}
.bench-facts>div{border-top:3px solid var(--text);padding-top:8px;min-width:0}
.bench-facts b{display:block;font:650 28px/1.2 var(--mono);letter-spacing:-.02em}
.bench-facts span{display:block;font-size:13px;line-height:1.45;color:var(--muted);margin-top:4px}

/* The brief's charts are drawn for a white page, so they sit on a white card in
   both themes rather than being recoloured. */
.bench-figure{margin:24px 0 28px}
.bench-chart{background:#fff;color:#111;border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto}
.bench-chart svg{display:block;width:100%;height:auto;max-width:100%}
.bench-chart-wide svg{min-width:620px}
.bench-figure figcaption{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5}
.bench-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bench-pair .bench-figure{margin:16px 0}
.bench-pair .bench-figure,.bench-cols>div{min-width:0}

.bench-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bench-cols h3{margin-top:8px}
.bench-note{font-size:13px;color:var(--muted);border-top:1px solid var(--border);padding-top:16px;margin-top:36px}

@media(max-width:1200px){.benchmark-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.benchmark-page .header-links{gap:16px}.benchmark-page .header-links a:first-child{display:inline}}
@media(max-width:640px){.bench-facts{grid-template-columns:minmax(0,1fr)}.bench-pair,.bench-cols{grid-template-columns:minmax(0,1fr)}.bench-chart{padding:10px}}
.benchmark-page .article-heading{margin-bottom:24px}