.historical-validation { background: #fff; border: 1px solid var(--line); border-radius: 9px; margin: 0 5% 50px; overflow: hidden; }
.historical-validation header { padding: 22px; }
.historical-validation h3 { color: var(--navy); font: 700 30px var(--display); margin: 2px 0; text-transform: uppercase; }
.historical-validation header > p:last-child { color: var(--muted); font-size: 9px; }
.historical-validation > div { border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr); }
.historical-validation article { border-right: 1px solid var(--line); padding: 20px; }
.historical-validation article:last-child { border: 0; }
.historical-validation small, .historical-validation strong, .historical-validation span { display: block; }
.historical-validation small { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.historical-validation strong { color: var(--navy); font: 700 29px var(--display); margin-top: 5px; }
.historical-validation span { color: var(--muted); font-size: 7px; }
.historical-validation footer { background: var(--navy); color: #afc7d7; font-size: 8px; font-weight: 800; padding: 12px 20px; text-transform: uppercase; }
@media(max-width:700px) { .historical-validation { margin: 0 20px 35px; } .historical-validation > div { grid-template-columns: 1fr 1fr; } }