.echo-paragraph {
  margin: 16px 0 0;
  padding: clamp(20px, 5vw, 26px) clamp(20px, 5vw, 28px);
  background: var(--bg-elev);
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent-3, var(--accent));
  border-radius: 14px;
  font-family: var(--serif);
  font-size: clamp(16px, 4vw, 19px);
  line-height: 1.6;
  letter-spacing: -0.005em;
  color: var(--fg);
  list-style: none;
  box-shadow: var(--shadow-card);
}
.echo-paragraph li {
  padding: 6px 0;
  transition: opacity 0.4s ease, color 0.4s ease;
}
.echo-paragraph li.flipped {
  color: var(--accent);
  font-style: italic;
}
.echo-paragraph li.flipped::before {
  content: "+ ";
  opacity: 0.6;
  margin-right: 2px;
}
.echo-paragraph li.absent::before {
  content: "− ";
  opacity: 0.5;
  margin-right: 2px;
  color: var(--fg-faint);
}
