.mocap-validation-page .validation-media { max-width: 880px; margin: 1.8rem auto; }
.mocap-validation-page .validation-gallery,
.mocap-validation-page .validation-demos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; margin: 1.8rem auto; max-width: 1100px; }
.mocap-validation-page .validation-gallery figure,
.mocap-validation-page .validation-demos figure { margin: 0; min-width: 0; }
.mocap-validation-page .validation-gallery img { width: 100%; height: 310px; object-fit: contain; background: #f6f8fa; }
.mocap-validation-page .validation-annotated-photo { display: block; width: 100%; height: 310px; background: #f6f8fa; }
.mocap-validation-page .validation-media img { width: 100%; height: auto; }
.mocap-validation-page .validation-video { display: block; width: 100%; aspect-ratio: 16/9; background: #111; }
.mocap-validation-page .validation-table { overflow-x: auto; margin: 1.4rem 0; }
.mocap-validation-page .validation-table table { width: 100%; min-width: 620px; }
.mocap-validation-page .validation-table th,
.mocap-validation-page .validation-table td { padding: .75rem; }
.mocap-validation-page .validation-table caption { text-align: left; font-weight: 600; padding-bottom: .7rem; }
.mocap-validation-page .validation-table td { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mocap-validation-page .validation-setup table { min-width: 0; }
.mocap-validation-page .validation-setup th { width: 8rem; }
.mocap-validation-page .validation-setup td { text-align: left; white-space: normal; }
.mocap-validation-page .validation-download { display: inline-block; padding: .85rem 1.1rem; border: 1px solid var(--accent); color: var(--accent); font-weight: 700; text-decoration: none; }
.mocap-validation-page .validation-download:hover { background: var(--accent-soft); }
.mocap-validation-page .validation-method { border: 1px solid var(--line); padding: 1rem 1.2rem; margin: 1rem 0; }
.mocap-validation-page .validation-method summary { cursor: pointer; font-weight: 700; }
@media(max-width:700px) {
  .mocap-validation-page .validation-gallery,
  .mocap-validation-page .validation-demos { grid-template-columns: 1fr; }
  .mocap-validation-page .validation-gallery img { height: auto; max-height: 390px; }
  .mocap-validation-page .validation-annotated-photo { height: auto; max-height: 390px; }
}