.evidence-card {
  --evidence-accent: var(--muted, #aaaab8);
  margin: 18px 0;
  padding: 13px 16px;
  border: 1px solid #30303b;
  border-left: 3px solid var(--evidence-accent);
  color: #c9c9d2;
  background: #101017;
  overflow-wrap: anywhere;
}

.evidence-card--game { --evidence-accent: var(--patience, #42e9e9); }
.evidence-card--fan { --evidence-accent: var(--perseverance, #b66cff); }
.evidence-card--site { --evidence-accent: var(--justice, #ffe45c); }

.evidence-card__label {
  margin: 0 0 5px;
  color: var(--evidence-accent);
  font-family: var(--body-font, Inter, system-ui, sans-serif);
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.45;
}

.evidence-card p:not(.evidence-card__label) {
  margin: 0;
  font-size: .94rem;
  line-height: 1.65;
}

/* Reader-facing links connect claims to the public source directory. */
.evidence-card__id { display: block; margin-top: .65rem; font-size: .8rem; overflow-wrap: anywhere; }
.evidence-card__id a { color: inherit; text-decoration: underline; }

.evidence-details {
  margin: 24px 0;
  border: 1px solid #30303b;
  background: #0d0d13;
}

.evidence-details > summary {
  min-height: 44px;
  padding: 12px 44px 12px 16px;
  color: #d6d6df;
  cursor: pointer;
  font-weight: 700;
  list-style-position: inside;
}

.evidence-details > summary:hover { color: #fff; }
.evidence-details[open] > summary { border-bottom: 1px solid #30303b; }
.evidence-details__body { padding: 4px 16px 16px; }
.evidence-details__body > p { margin: 12px 0; }
.evidence-details .evidence-card { margin: 12px 0; }

@media (max-width: 520px) {
  .evidence-card { padding: 12px 14px; }
  .evidence-details__body { padding-inline: 12px; }
}