/* Is my scan readable? Loads after counter.css, tools.css and scan.css. */
#preview { height: auto; max-height: 420px; max-width: 100%; }
.chk-list { display: grid; gap: 10px; list-style: none; margin: 16px 0 0; padding: 0; }
.verdict[data-state="good"] { color: var(--good); }
.verdict[data-state="probably"] { color: #8a5a00; }
.verdict[data-state="hard"] { color: #a3261f; }
.chk[data-state="ok"] b { color: var(--good); }
.chk[data-state="warn"] b { color: #8a5a00; }
.chk[data-state="bad"] b { color: #a3261f; }
.verdict { margin-top: 0; }
.chk { line-height: 1.5; }