.experiment-label { color: var(--color-text-muted); font-size: 0.85rem; }
.experiment-page a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.experiment-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 1rem; margin: 2rem 0 0.75rem; }
.experiment-stats p { margin: 0; border-top: 1px solid var(--color-secondary); padding-top: 0.75rem; }
.experiment-stats strong { display: block; font-size: 2rem; color: var(--color-primary); }
.experiment-stats span { display: block; color: var(--color-text-muted); font-size: 0.85rem; }
.usage-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0.75rem; }
.usage-stats strong { font-size: 1.15rem; color: var(--color-accent); }
.stats-note { color: var(--color-text-muted); font-size: 0.8rem; margin-bottom: 1.5rem; }
.demo-link { display: inline-block; font-size: 1.15rem; font-weight: 600; }
.demo-note, figcaption { color: var(--color-text-muted); font-size: 0.85rem; }
.experiment-figure { margin: 1.75rem 0 2.5rem; }
.experiment-page figure img { display: block; width: 100%; height: auto; border: 1px solid var(--color-secondary); border-radius: 6px; }
.experiment-page figcaption { margin-top: 0.65rem; line-height: 1.6; }
.run-clock { margin: 1.5rem 0; }
.run-clock div { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid var(--color-secondary); }
.run-clock dd { flex-shrink: 0; font-family: var(--font-mono); }
.evidence-gallery { display: grid; gap: 1.75rem; margin: 2rem 0; }
.run-details { border-top: 1px solid var(--color-secondary); padding-top: 1rem; margin-top: 2.5rem; }
.run-details summary { cursor: pointer; color: var(--color-accent); padding: 0.5rem 0; }
.run-details summary:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 4px; }
.run-details-body { padding-top: 1rem; }
.run-details-body h3 { margin: 1.75rem 0 0.75rem; }
.run-details-body h3:first-child { margin-top: 0; }
.experiment-next { margin-top: 2rem; }
.transcript-excerpt { margin: 1.5rem 0; }
.transcript-excerpt pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.85rem; }
@media (max-width: 600px) {
    .usage-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 400px) {
    .experiment-stats { gap: 0.5rem; }
    .experiment-stats span { font-size: 0.8rem; }
    .experiment-stats strong { font-size: 1.75rem; }
    .usage-stats strong { font-size: 1.1rem; }
    .run-clock div { flex-wrap: wrap; gap: 0.25rem 1rem; }
}