.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; }
.comparison-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 2rem 0; }
.comparison-gallery figure { min-width: 0; }
.comparison-gallery figcaption strong { color: var(--color-text); }
.request-time { margin: 1.75rem 0; padding: 1.25rem; background: var(--color-surface); border: 1px solid var(--color-secondary); border-radius: 6px; }
.chart-label { font-weight: 600; }
.time-row { margin-bottom: 1rem; }
.time-row > div:first-child { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 0.35rem; }
.time-row strong { font-size: 0.85rem; }
.time-row span { font-family: var(--font-mono); font-size: 0.85rem; }
.time-track { height: 12px; border-radius: 2px; background: var(--color-secondary); overflow: hidden; }
.time-track span { display: block; height: 100%; min-width: 3px; }
.opus-bar { background: var(--color-primary); }
.sol-bar { background: var(--color-accent); }
.request-time .stats-note { margin: 0; }
.table-scroll { max-width: 100%; overflow-x: auto; }
.table-scroll:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 4px; }
.usage-table { font-size: 0.85rem; }
.usage-table caption { color: var(--color-text-muted); text-align: left; padding: 0.5rem 0; }
.usage-table td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.usage-table tbody th { background: transparent; font-weight: 400; }
.usage-table thead th { vertical-align: bottom; }
.feature-table td { text-align: center; font-size: 1rem; }
.feature-table thead th:not(:first-child) { text-align: center; }
.feature-table [aria-label="Yes"] { color: #8fd7a1; font-weight: 700; }
.feature-table [aria-label="No"] { color: #f18484; font-weight: 700; }
.experiment-page .run-details { margin-top: 0; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 600px) {
    .usage-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .comparison-gallery { grid-template-columns: minmax(0, 1fr); }
    .usage-table th, .usage-table td { padding: 0.6rem 0.45rem; }
}
@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; }
}