/* Claims (static/js/claims.js): the marked sentence and the statement panel it opens */
.claim { cursor: pointer; text-decoration: underline dotted; text-decoration-color: var(--brand); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.claim:hover, .claim[aria-expanded=true] { background: var(--wash); }
.claim::after { content: '\22A2'; font-family: var(--font-mono); font-size: 0.75em; color: var(--brand); margin-left: 2px; vertical-align: 0.35em; }
.claim-panel { margin: calc(-1 * var(--sp-2)) 0 var(--sp-5); border: 1px solid var(--brand); background: var(--paper); animation: claim-open 180ms ease-out; }
@keyframes claim-open { from { opacity: 0; transform: translateY(-4px); } }
.claim-panel__head { display: flex; gap: var(--sp-3); align-items: baseline; padding: 6px var(--sp-4); border-bottom: 1px solid var(--line, var(--ink)); font-family: var(--font-mono); font-size: 11px; }
.claim-panel__head span:first-child { font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--brand); }
.claim-panel__name { color: var(--ink); }
.claim-panel__draft { margin-left: auto; color: var(--dim); }
.prose .claim-panel pre { margin: 0; padding: var(--sp-4) !important; background: var(--ground) !important; font-family: var(--font-mono); font-size: 13px; line-height: 1.6; white-space: pre-wrap; border: 0 !important; }
.prose .claim-panel pre code { background: none !important; padding: 0; font-size: inherit; }
.prose .claim-panel pre code::before { display: none; }
.claim-panel__foot { margin: 0; padding: 6px var(--sp-4); font-family: var(--font-mono); font-size: 11px; color: var(--dim, var(--ink)); }
@media (prefers-reduced-motion: reduce) { .claim-panel { animation: none; } }