/* Performance article: summary statistics and evidence-kind labels.
 * The article layer itself comes from the openpfc-html format. */

.perf-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: var(--openpfc-line); border-bottom: 1px solid var(--openpfc-line); }

.perf-stat { background: var(--openpfc-paper); padding: 1.4rem 1.2rem 1.6rem 0; display: flex; flex-direction: column; gap: .5rem; }

.perf-stat + .perf-stat { padding-left: 1.2rem; }

.perf-stat strong { font: 500 clamp(2rem,3.4vw,2.8rem)/1.05 var(--openpfc-font-serif); letter-spacing: -.04em; color: var(--openpfc-text); }

.perf-stat span:last-child { color: var(--openpfc-muted); font-size: .92rem; line-height: 1.45; }

.perf-kind { display: inline-block; font: .66rem/1.5 var(--openpfc-font-mono); text-transform: uppercase; letter-spacing: .06em; padding: .15rem .5rem; margin-right: .4rem; border: 1px solid currentColor; align-self: flex-start; }

.kind-scaling { color: var(--openpfc-tide); }

.kind-engineering { color: #6a5a12; }

.kind-acceleration { color: var(--openpfc-copper-ink); }

.kind-method { color: var(--openpfc-muted); }

.kind-experiment { color: #5b3f78; }

@media(max-width:900px) {
.perf-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }

.perf-stat:nth-child(3) { padding-left: 0; }
}

.provenance-article .article-body { padding-top: 3rem; }
.provenance-article .article-body h1 { font: 500 clamp(2.8rem, 6vw, 5rem)/1.08 var(--openpfc-font-serif); letter-spacing: -.04em; }
.article-body :is(p, li, td) code { white-space: pre-wrap; }