/* Claim checks: guess the verdict, then see it. Built 2026-11-08. Behaviour in claims.js. Without JS every answer stays open. */
.cc-guess{margin:4px 0 28px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#eef4df,#e7efd6);border:1px solid #dbe5c8}
.cc-guess p.cc-ask{margin:0 0 12px!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#416748}
.cc-opts{display:flex;flex-wrap:wrap;gap:8px}
.cc-opts button{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:12px 18px;border-radius:999px;font-family:Inter,"Inter Fallback",system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.3;color:var(--ink);background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(16px) saturate(1.7);backdrop-filter:blur(16px) saturate(1.7);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 20px -14px rgba(12,40,28,.55),inset 0 1px 1px #fff;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .3s,opacity .3s,filter .3s;-webkit-tap-highlight-color:transparent}
.cc-opts button:hover{background:#fff;transform:translateY(-1px)}
.cc-opts button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.cc-opts button[aria-pressed=true]{background:#fff;box-shadow:0 0 0 2px var(--ink),0 8px 20px -14px rgba(12,40,28,.55)}
.cc-guess.is-done .cc-opts button{cursor:default}
.cc-guess.is-done .cc-opts button:not([aria-pressed=true]){opacity:.45;filter:blur(.4px)}
.cc-guess.is-done .cc-opts button:hover{transform:none}
.cc-skip{all:unset;cursor:pointer;display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:#416748;border-bottom:1px solid currentColor;line-height:1.4}
.cc-skip:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cc-guess.is-done .cc-skip{display:none}
.cc-result{margin:14px 0 0!important;font-size:15px!important;line-height:1.5!important;color:var(--ink)}
.cc-result:empty{display:none}
.cc-result b{font-weight:650}
.cc-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.2,.8,.2,1)}
.cc-answer>div{overflow:hidden;min-height:0}
.cc-answer.is-open{grid-template-rows:1fr}
.cc-answer:not(.is-open)>div{visibility:hidden}
.cc-answer.is-open .research-verdict{animation:ccStamp .6s .1s cubic-bezier(.3,1.5,.5,1) both}
.cc-answer.is-open>div>:not(.research-verdict){animation:ccRise .6s .3s cubic-bezier(.2,.8,.2,1) both}
.cc-tally{margin:-6px 0 34px!important;font-size:14px!important;color:var(--muted)}
.cc-tally:empty{display:none}
.cc-tally b{color:var(--ink);background:linear-gradient(transparent 62%,#d5ec9d 62%,#d5ec9d 92%,transparent 92%)}
@keyframes ccStamp{0%{opacity:0;transform:scale(1.5) rotate(-6deg)}60%{opacity:1;transform:scale(.94) rotate(1deg)}100%{transform:none}}
@keyframes ccRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:520px){.cc-guess{padding:16px 14px}.cc-opts{display:grid;grid-template-columns:1fr}.cc-opts button{text-align:center}}
@media (prefers-reduced-motion:reduce){.cc-answer{transition:none}.cc-answer.is-open .research-verdict,.cc-answer.is-open>div>*{animation:none!important}.cc-opts button{transition:none}}
@media print{.cc-guess,.cc-tally{display:none}.cc-answer{display:block}.cc-answer>div{visibility:visible!important;overflow:visible}}

/* The answer shortcut has the same usable target as the verdict buttons. */
.cc-skip{box-sizing:border-box;min-height:40px;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){.cc-opts button:hover{transform:none}}