.event-factor-values {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
}

.event-factor-values span:not(:last-child)::after {
  padding: 0 8px;
  color: #9ba8b9;
  content: "·";
}

.event-level-reason {
  max-width: 520px;
  overflow: hidden;
  color: #77869a;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.expandable-block {
  position: relative;
  min-width: 0;
}

.expandable-content {
  white-space: pre-wrap;
  word-break: break-word;
}

.expandable-block.is-collapsed .expandable-content {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--expand-lines, 3);
}

.expand-toggle {
  margin-top: 6px;
  padding: 0;
  color: var(--blue);
  background: transparent;
  border: 0;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

.expand-toggle[hidden] {
  display: none !important;
}

.detail-summary.expandable-block,
.event-drawer-summary .detail-summary {
  color: #52647a;
  line-height: 1.8;
}

.key-change .expandable-content {
  color: #7d2f2f;
}

.event-factor-values.expandable-block {
  display: block;
  margin: 8px 0;
  color: #40536d;
  font-size: 12px;
  line-height: 1.65;
}

.development-summary {
  color: #5b6d84;
  font-size: 11px;
  line-height: 1.7;
}

.source-card a,
.source-card > div:first-child {
  display: block;
  color: inherit;
  text-decoration: none;
}

.source-card .source-excerpt {
  margin-top: 8px;
  padding-top: 8px;
  color: #52647a;
  border-top: 1px dashed #d9e2ef;
  font-size: 11px;
  line-height: 1.7;
}

.source-card .source-evidence-meta {
  display: block;
  margin-top: 7px;
  color: #315fb7;
  font-size: 9px;
}