/* "Is this call legit?" (/check-call): the who-called reading layout plus the verdict card. Tokens from site.css, so light and dark follow it.
   Mobile first: staff use it on the front-desk phone while the caller waits. */
.cc .cc-form{margin:28px 0 0;padding:24px;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--surface)}
.cc .cc-form input[type=text]{font-size:16px}
.cc .cc-form #cc-code{letter-spacing:.12em;font-family:var(--mono)}
.cc .cc-form .wc-hints{margin:22px 0 0;padding:0;border:0}
.cc .cc-form .wc-hints legend{margin:0 0 4px;padding:0;font-size:14px;font-weight:500;color:var(--ink)}
.cc .cc-form .wc-hints .check{margin:12px 0 0!important}
.cc .cc-form .hint,.cc .cc-report .hint{font-size:13px;line-height:1.45;color:var(--muted-2)}
.cc .cc-staff{margin:18px 0 0}
.cc .cc-staff.bad{background:color-mix(in srgb,var(--bad) 8%,var(--surface));border-color:color-mix(in srgb,var(--bad) 32%,transparent);color:var(--bad)}
.cc #cc-msg{background:color-mix(in srgb,var(--bad) 8%,var(--surface));border-color:color-mix(in srgb,var(--bad) 32%,transparent);color:var(--bad)}
.cc .cc-form [aria-invalid="true"],.cc .cc-report [aria-invalid="true"]{border-color:var(--bad)!important}
.cc .cc-result{margin:32px 0 0;scroll-margin-top:16px}
.cc .cc-result[hidden],.cc .cc-report[hidden],.cc .cc-biz[hidden]{display:none}
.cc .cc-h{margin:0 0 12px}
.cc .cc-card{padding:20px 22px;border-radius:var(--r-card);border:2px solid var(--line-strong);background:var(--surface)}
.cc .cc-verdict{margin:0;font-size:24px;line-height:1.25;font-weight:600;color:var(--ink)}
.cc .cc-summary{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.cc .cc-card.v-registered,.cc .cc-card.v-likely_genuine{border-color:var(--good);background:color-mix(in srgb,var(--good) 7%,var(--surface))}
.cc .cc-card.v-registered .cc-verdict,.cc .cc-card.v-likely_genuine .cc-verdict{color:var(--good)}
.cc .cc-card.v-likely_scam{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 7%,var(--surface))}
.cc .cc-card.v-likely_scam .cc-verdict{color:var(--bad)}
.cc .cc-card.v-unverified{border-color:var(--line-strong);background:var(--sunken)}
.cc .cc-result h3{margin:26px 0 8px;font-size:17px}
.cc .cc-say{margin:0;padding-left:22px}
.cc .cc-say li{margin:6px 0;font-size:17px;line-height:1.5;color:var(--ink)}
.cc .cc-ev{margin:0;padding:0;list-style:none}
.cc .cc-ev li{position:relative;margin:8px 0;padding-left:22px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.cc .cc-ev li::before{content:'';position:absolute;left:3px;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--muted)}
.cc .cc-ev li.k-proof::before,.cc .cc-ev li.k-positive::before{background:var(--good)}
.cc .cc-ev li.k-scam::before,.cc .cc-ev li.k-warning::before{background:var(--bad)}
.cc .cc-ev li.k-warning::before{background:transparent;border:2px solid var(--bad);width:7px;height:7px}
.cc .cc-ev a{color:var(--muted-2);text-decoration:none}
.cc .cc-report{margin:28px 0 0;padding:20px 22px;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--surface)}
.cc .cc-report h3{margin-top:0}
.cc .cc-report textarea{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r-input);background:var(--surface);color:var(--ink);font:400 16px/1.5 var(--sans);resize:vertical}
.cc .short ul{margin:0;padding-left:22px}
.cc .short li{margin:6px 0;color:var(--ink);font-size:16px}
@media (max-width:640px){.cc .cc-form,.cc .cc-report{padding:18px 16px}.cc .cc-card{padding:16px}.cc .cc-verdict{font-size:21px}}