.validation-page .methodology-hero h1 { max-width: 16ch; }
.validation-page .methodology-prose strong { color: var(--color-text); }
.validation-steps { margin: 0; padding: 0; list-style: none; counter-reset: validation-step; border-top: 1px solid var(--color-border); }
.validation-steps li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: var(--space-6); padding-block: var(--space-6); border-bottom: 1px solid var(--color-border); counter-increment: validation-step; }
.validation-steps li::before { content: counter(validation-step, decimal-leading-zero); color: var(--color-mint); font: 700 var(--text-sm) var(--font-display); padding-top: .3rem; }
.validation-steps h3 { grid-column: 2; }
.validation-steps p { grid-column: 2; margin-top: var(--space-2); }
.validation-table-scroll { max-width: 100%; overflow-x: auto; margin-block: var(--space-8); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.validation-table { width: 100%; min-width: 36rem; border-collapse: collapse; font-variant-numeric: tabular-nums; text-align: left; }
.validation-table caption { padding: var(--space-4) var(--space-6); color: var(--color-text-secondary); text-align: left; font-size: var(--text-sm); }
.validation-table th, .validation-table td { padding: var(--space-3) var(--space-4); border-top: 1px solid var(--color-border); white-space: nowrap; }
.validation-table thead { background: var(--color-surface-elevated); color: var(--color-text); }
.validation-table tbody th { color: var(--color-text); }
.validation-table tbody tr + tr { border-top: 1px solid var(--color-border); }
@media (max-width: 36rem) { .validation-steps li { grid-template-columns: 2rem minmax(0, 1fr); column-gap: var(--space-3); } }