/* Free checkers on the blog (assets/blog_checker.js). Uses the colours of assets/blog.css. */
.chk{border:1px solid #c9d8fb;border-radius:14px;background:#fff;padding:18px 20px;margin:0 0 24px}
.chk>p{margin:0 0 6px;font-size:15px;color:var(--muted)}
.chk-q{border:0;border-top:1px solid var(--line);margin:12px 0 0;padding:12px 0 0;min-width:0}
.chk-q legend{float:left;width:100%;padding:0;font-weight:700;color:var(--navy);font-size:16px;line-height:1.4}
.chk-hint{clear:both;margin:0;padding-top:4px;font-size:14px;line-height:1.45;color:var(--muted)}
.chk-opts{clear:both;display:flex;flex-wrap:wrap;gap:8px;padding-top:9px}
.chk-opts label{display:flex;align-items:center;gap:8px;min-height:40px;border:1px solid #cfd7e5;border-radius:9px;padding:7px 13px;font-size:15px;line-height:1.3;cursor:pointer;background:#fff}
.chk-opts label:hover{border-color:var(--blue)}
.chk-opts input{margin:0;flex:none;accent-color:var(--blue)}
.chk-opts label:has(input:checked){border-color:var(--blue);background:var(--blue2);font-weight:650}
.chk-opts label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.chk-r{margin-top:16px}
.chk-verdict{border-radius:12px;padding:14px 16px;margin-bottom:14px;border:1px solid}
.chk-verdict.ok{background:#eefaf3;border-color:#c6ecd5}
.chk-verdict.warn{background:#fff7e6;border-color:#f3d9a4}
.chk-on{display:block;font-size:13px;color:var(--muted)}
.chk-verdict b{display:block;font-size:21px;line-height:1.3;color:var(--navy)}
.chk-verdict p{margin:4px 0 0;font-size:15px}
.chk-h{display:block;color:var(--navy);margin-bottom:6px}
.chk-r ul{margin:0 0 12px;padding-left:20px;font-size:15px}
.chk-r li{margin:0 0 5px}
.chk-basis{margin:0 0 14px;font-size:13.5px;color:var(--muted)}
.chk-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px}
.chk-again{border:0;background:none;padding:6px 0;font:inherit;font-size:14px;color:var(--blue);cursor:pointer;text-decoration:underline}
.chk-next{font-size:14px;font-weight:700;text-decoration:none}
.chk-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.chk-cta p{flex:1 1 280px;margin:0;font-size:14.5px;line-height:1.45}
.chk-private{margin:14px 0 0;font-size:13px;color:var(--muted)}
.chk:not(.on) .chk-private{display:none}