/* One card from the record (site/card.js). Theme tokens from theme.css. */
.b0b-card { margin: 0 0 2rem; border: 1px solid var(--surface-3, var(--rule, #2a2a2a)); border-left: 3px solid var(--green, var(--phos, #00ff41));
  background: var(--surface, var(--panel, #0b0b0b)); padding: 1.1rem 1.25rem 1rem; max-width: 46rem; font-family: var(--mono, monospace); }
.b0b-card[hidden] { display: none; }
.b0b-card .bc-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1rem; font-size: .68rem;
  letter-spacing: .16em; text-transform: uppercase; color: var(--muted, var(--dim, #8a8a8a)); margin-bottom: .7rem; }
.b0b-card .bc-head .bc-kind { color: var(--green, var(--phos, #00ff41)); }
.b0b-card .bc-prompt { font-family: var(--serif, Georgia, serif); font-size: 1.32rem; line-height: 1.4; color: var(--text-hi, var(--ink, #f2f2f2));
  margin: 0 0 .9rem; font-weight: 500; }
.b0b-card .bc-between { font-size: .74rem; letter-spacing: .08em; color: var(--cyan, var(--link, #00ccff)); margin: -.4rem 0 .8rem; }
.b0b-card .bc-answer { border-left: 1px solid var(--muted-4, var(--rule, #444)); padding: .1rem 0 .1rem 1rem; margin: 0 0 .9rem; }
.b0b-card .bc-answer[hidden] { display: none; }
.b0b-card .bc-quote { font-family: var(--serif, Georgia, serif); font-size: 1.05rem; line-height: 1.62; color: var(--text, var(--ink-2, #ddd)); margin: 0 0 .7rem; }
.b0b-card .bc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; font-size: .74rem; }
.b0b-card .bc-tier { border: 1px solid currentColor; padding: .12rem .45rem; letter-spacing: .14em; text-transform: uppercase; font-size: .66rem; }
.b0b-card .bc-tier.t-documented { color: var(--green, var(--phos, #00ff41)); }
.b0b-card .bc-tier.t-attributed, .b0b-card .bc-tier.t-testimony { color: var(--amber, var(--hyp, #ffcc00)); }
.b0b-card .bc-tier.t-contested, .b0b-card .bc-tier.t-open { color: var(--cyan, var(--link, #00ccff)); }
.b0b-card .bc-tier.t-unsupported, .b0b-card .bc-tier.t-not-established { color: var(--red, var(--null, #ff4444)); }
.b0b-card .bc-tier.t-rule { color: var(--text-hi, var(--ink, #f2f2f2)); }
.b0b-card .bc-src { color: var(--cyan, var(--link, #00ccff)); text-decoration: none; border-bottom: 1px solid transparent; }
.b0b-card .bc-src:hover, .b0b-card .bc-src:focus-visible { border-bottom-color: currentColor; }
.b0b-card .bc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .3rem; }
.b0b-card button { font: inherit; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; cursor: pointer;
  background: transparent; color: var(--text, var(--ink-2, #ddd)); border: 1px solid var(--surface-4, var(--rule, #3a3a3a)); padding: .42rem .7rem; min-height: 34px; }
.b0b-card button:hover, .b0b-card button:focus-visible { border-color: var(--green, var(--phos, #00ff41)); color: var(--green, var(--phos, #00ff41)); }
.b0b-card button.bc-reveal { border-color: var(--green, var(--phos, #00ff41)); color: var(--green, var(--phos, #00ff41)); }
.b0b-card .bc-kinds { display: flex; flex-wrap: wrap; gap: .3rem; margin-left: auto; }
.b0b-card .bc-kinds button { font-size: .62rem; padding: .3rem .5rem; min-height: 30px; color: var(--muted, var(--dim, #8a8a8a)); }
.b0b-card .bc-kinds button[aria-pressed="true"] { color: var(--green, var(--phos, #00ff41)); border-color: var(--green, var(--phos, #00ff41)); }
.b0b-card .bc-note { font-size: .66rem; color: var(--muted, var(--dim, #8a8a8a)); margin: .7rem 0 0; letter-spacing: .04em; }
.b0b-card .bc-note a { color: inherit; }
/* SPECULATIVE (shared with the report's third skin) */
.b0b-card.bc-is-spec { border-left-color: var(--amber, var(--hyp, #ffcc00)); }
.b0b-card button.bc-spec { color: var(--amber, var(--hyp, #ffcc00)); border-color: var(--amber, var(--hyp, #ffcc00)); }
.b0b-card button.bc-spec[aria-pressed="true"] { background: var(--amber, var(--hyp, #ffcc00)); color: #000; }
.b0b-card .bc-reach { margin: .9rem 0 0; padding: .7rem .85rem .65rem; border: 1px solid var(--amber, var(--hyp, #ffcc00)); border-left-width: 3px;
  background: repeating-linear-gradient(135deg, transparent 0 14px, rgba(255, 204, 0, .035) 14px 15px); }
.b0b-card .bc-reach[hidden] { display: none; }
.b0b-card .bc-r-kicker { font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; color: var(--amber, var(--hyp, #ffcc00)); margin: 0 0 .4rem; }
.b0b-card .bc-r-head { font-family: var(--serif, Georgia, serif); font-size: 1.05rem; line-height: 1.45; font-weight: 600; color: var(--text-hi, var(--ink, #f2f2f2)); margin: 0 0 .5rem; }
.b0b-card .bc-r-kill { font-size: .72rem; line-height: 1.55; color: var(--text-soft, var(--ink-2, #ccc)); margin: 0 0 .45rem; }
.b0b-card .bc-r-kill b { color: var(--amber, var(--hyp, #ffcc00)); font-weight: 600; letter-spacing: .08em; }
.b0b-card .bc-r-link { font-size: .72rem; color: var(--cyan, var(--link, #00ccff)); text-decoration: none; }
@media (max-width: 600px) {
  .b0b-card { padding: .95rem .9rem .9rem; }
  .b0b-card .bc-prompt { font-size: 1.15rem; }
  .b0b-card .bc-kinds { margin-left: 0; width: 100%; }
}
