.fidelity-report,.newer-models { margin: 35px 0 45px; padding: 25px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); }
.fidelity-report h2,.newer-models h2 { margin: 4px 0 15px; }
.fidelity-report p,.newer-models p { max-width: 1000px; }
.metric-table { overflow-x: auto; margin: 20px 0; }
.metric-table table { border-collapse: collapse; width: 100%; font-size: 12px; }
.metric-table th,.metric-table td { padding: 11px 14px; border-bottom: 1px solid var(--line); text-align: right; font-variant-numeric: tabular-nums; }
.metric-table th:first-child,.metric-table td:first-child { text-align: left; }
.metric-table caption { text-align: left; color: var(--muted); margin-bottom: 8px; }
.motion-loop { border-top: 1px solid var(--line); margin-top: 25px; padding-top: 15px; }
.motion-legend { display: grid; grid-template-columns: repeat(5,1fr); min-width: 1100px; text-align: center; font-size: 12px; color: var(--accent); }
.motion-strip { overflow-x: auto; background: #090c09; border-radius: 5px; }
.motion-strip video { min-width: 1100px; width: 100%; height: auto; }
.motion-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin: 12px 0; }
.motion-controls button,.motion-controls select { padding: 7px 12px; color: var(--text); background: #20291e; border: 1px solid var(--line); border-radius: 4px; }
.fidelity-limit { color: var(--muted); font-size: 12px; }
.newer-models a,.fidelity-report a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.newer-models td { text-align: left; vertical-align: top; min-width: 230px; }
.newer-models th { vertical-align: top; min-width: 170px; }
@media(max-width:600px) { .fidelity-report,.newer-models { padding: 16px; } .metric-table th,.metric-table td { padding: 9px 7px; } }