.blend-validation { background: #fff; border: 1px solid var(--line); border-radius: 9px; margin: 0 5% 55px; overflow: hidden; }
.blend-validation > header { align-items: center; display: flex; justify-content: space-between; padding: 22px; }
.blend-validation h3 { color: var(--navy); font: 700 30px var(--display); margin: 2px 0; text-transform: uppercase; }
.blend-validation header p:last-child { color: var(--muted); font-size: 9px; }
.blend-validation aside { background: var(--navy); border-radius: 7px; min-width: 180px; padding: 13px 17px; text-align: center; }
.blend-validation aside small, .blend-validation aside strong, .blend-validation aside span { display: block; }
.blend-validation aside small { color: #9eb7c9; font-size: 7px; text-transform: uppercase; }
.blend-validation aside strong { color: var(--gold); font: 700 30px var(--display); margin: 3px 0; }
.blend-validation aside span { color: #c5d7e2; font-size: 7px; }
.blend-table-wrap { border-top: 1px solid var(--line); overflow-x: auto; }
.blend-validation table { border-collapse: collapse; min-width: 760px; width: 100%; }
.blend-validation th, .blend-validation td { border-bottom: 1px solid var(--line); font-size: 9px; padding: 13px 16px; text-align: left; }
.blend-validation th { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.blend-validation td strong { color: var(--navy); }
.blend-validation .recommended-row { background: #fff3e8; }
.blend-validation .recommended-row td:last-child { color: var(--orange); font-weight: 900; }
.blend-validation > footer { background: var(--navy); color: #afc7d7; font-size: 8px; font-weight: 800; padding: 12px 20px; text-transform: uppercase; }
@media(max-width:700px) { .blend-validation { margin: 0 20px 40px; } .blend-validation > header { align-items: stretch; display: grid; gap: 14px; } }