.contrast-comparison .mock-content{min-height:218px;background:#fff;color:#252c2d}
.contrast-copy{font-size:16px;font-weight:400;line-height:1.9;margin:20px 0;color:#9c9c9c}
.contrast-submit{display:block;background:#a5c9e4;color:#fff;font-size:16px;font-weight:400;line-height:1.8;text-align:center;padding:10px 14px;border-radius:4px;margin-top:22px}
.example-after .contrast-copy{color:#595959}
.example-after .contrast-submit{background:#245a7a}
.contrast-ratios{display:grid;grid-template-columns:1fr auto;gap:7px 10px;font-size:12px;line-height:1.8;color:#252c2d;margin:18px 0 0}
.contrast-ratios dt{font-weight:500}
.contrast-ratios dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.contrast-ratios dd span{display:block;font-size:11px}
@media(max-width:720px){.contrast-comparison .mock-content{min-height:0}.contrast-ratios{font-size:13px}.contrast-ratios dd span{font-size:12px}}
@media print{.contrast-comparison .mock-content{min-height:0}.contrast-copy,.contrast-submit{font-size:12pt}}