/* Receipts v2 fold — R8 endorsed defaults (Fizz, 2026-08-20).
   Customer pages: v2c (chip marker + lit claim).
   /brain/ pages: v2a (Evidence row is the ticket source).
   Existing tokens only. CSS-only — no HTML class additions required.
   Canonical media-pass. R8 defaults: v2c customer / v2a /brain/.

   Apply after styles.css:
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="receipts-v2.css">
*/

/* ---- v2c: customer marketing claims ---- */
.receipt-marker {
  font-size: .68rem;
  vertical-align: middle;
  line-height: 1;
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--rule));
  background: var(--accent-tint);
  color: var(--accent-ink);
  border-radius: 999px;
  padding: 3px 8px;
  margin-left: 8px;
  border-bottom: none;
}
.receipt-marker::after {
  content: " receipt";
  font-family: var(--mono);
  letter-spacing: .04em;
  text-transform: lowercase;
}
.receipt-marker:hover,
.receipt-marker[aria-expanded="true"] {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent-ink);
}

/* Open claim uses the same accent-tint as .claim-block:target.
   :has() is the only new selector; no markup change. */
.claim:has(> .receipt.open) {
  display: block;
  background: var(--accent-tint);
  border-radius: 8px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--rule));
}

/* ---- v2a: /brain/ claim-blocks — Evidence is the source ----
   Schema on every claim-block is Applies to / Evidence / Since.
   Evidence is the second meta row. Promote the value, demote the key. */
.claim-block .claim-meta div:nth-child(2) dd {
  font-family: var(--serif);
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--ink);
}
.claim-block .claim-meta div:nth-child(2) dt {
  padding-top: 6px;
}

@media (prefers-reduced-motion: reduce) {
  .receipt { transition: none; }
}