/* "Who just called you?" (/who-called): the guide reading layout plus the report form. Tokens from site.css, so light and dark follow it. */
.wc .wc-report{margin:48px 0 0;padding:26px 24px;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--surface)}
.wc .wc-report h2{margin-top:0}
.wc-form 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}
.wc-form textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}
.wc-form [aria-invalid="true"]{border-color:var(--bad)!important}
.wc-form .wc-hints{margin:22px 0 0;padding:0;border:0}
.wc-form .wc-hints legend{margin:0 0 4px;padding:0;font-size:14px;font-weight:500;color:var(--ink)}
.wc-form .wc-hints .check{margin:12px 0 0!important}
.wc-form .check span{line-height:1.45}
.wc-form .hint a{color:var(--muted-2)}
.wc-form #wc-msg{background:color-mix(in srgb,var(--bad) 8%,var(--surface));border-color:color-mix(in srgb,var(--bad) 32%,transparent);color:var(--bad)}
/* The honeypot: off screen for people, still in the form for bots. */
.wc-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.wc .wc-say li{color:var(--ink)}
.wc .wc-flags li::marker{color:var(--bad)}
.wc .short ol{margin:0;padding-left:22px}
.wc .short li{color:var(--ink);font-size:17px}
.wc .wc-disc{margin:32px 0 0;font:400 12.5px/1.6 var(--mono);color:var(--muted-2)}
.wc .wc-langs{margin:18px 0 0;font-size:14px;color:var(--muted-2);display:flex;flex-wrap:wrap;gap:6px 12px}
.wc .wc-langs b{font-weight:500;color:var(--ink-2)}
@media (max-width:640px){.wc .wc-report{padding:20px 16px}}