.answerBlock {
  padding: var(--card-pad);
}

.answerSource {
  margin-top: 0.6rem;
}

/*
 * Top-only row margins, applied to BOTH the answer body and its adjacent meta
 * aside so the two stay top-aligned in their shared grid row (same mechanism as
 * MarginRow's class-on-both-parts).
 */
.answerDocument,
.answerDocument + aside {
  margin-top: 1.5rem;
}

.answerProjectionMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  align-items: baseline;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
  color: var(--color-text-muted);
}

.answerProjectionBadge {
  display: inline-block;
  padding: 0.1rem 0.45rem;
  border: 1px solid var(--color-border);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.answerOriginStateBadge {
  composes: answerProjectionBadge;
  border-color: var(--color-warning-border, #d97706);
  color: var(--color-warning-text, #b45309);
}

.answerProjectionNotice {
  line-height: 1.4;
}