/* Reflections. Read-only cards on the main view; opaque so text stays 4.5:1. */

.reflect-card,
.reflect-card * {
  box-sizing: border-box;
}

.reflect-card {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.reflect-kicker,
.reflect-when {
  color: var(--jn-muted, #4b453f);
}

html.dark .reflect-kicker,
html.dark .reflect-when,
html[data-theme="dark"] .reflect-kicker,
html[data-theme="dark"] .reflect-when {
  color: var(--jn-muted, #d4d4d4);
}

.reflect-kicker {
  margin: 0 0 6px;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
}

.reflect-question,
.reflect-answer,
.reflect-empty {
  display: block;
  margin: 0 0 8px;
  color: inherit;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.reflect-answer,
.reflect-empty {
  font-weight: 400;
  white-space: pre-wrap;
}

.reflect-answers {
  list-style: none;
  margin: 0;
  padding: 0;
}

.reflect-answers li {
  min-width: 0;
  margin: 0 0 8px;
  padding-top: 8px;
  border-top: 1px solid var(--jn-line, var(--dx-border, #5c574f));
}

.reflect-answers li:last-child,
.reflect-answers li:last-child .reflect-answer {
  margin-bottom: 0;
}

.reflect-when {
  display: block;
  margin: 0 0 4px;
  font-size: 0.9rem;
  font-weight: 700;
}

.reflect-digest {
  min-width: 0;
  margin-top: 10px;
}