/**
 * Component: AI summary box (ports SingleSummary.scss).
 */

.ssr-summary {
  margin: 48px 0;
  border: 1px solid var(--ssr-color-primary);
  border-radius: var(--ssr-radius-lg);
}

.ssr-summary__header {
  display: flex;
  align-items: baseline;
  margin: 12px;
  gap: 0.5rem;
}

.ssr-summary__icon {
  align-self: center;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.ssr-summary__header-text {
  font: 700 20px/28px var(--ssr-font-family);
  color: var(--ssr-color-primary);
  white-space: nowrap;
}

.ssr-summary__content {
  margin: 16px 0 0;
  padding: 20px;
  font: 400 16px/22px var(--ssr-font-family);
  background-color: var(--ssr-color-neutral-50);
  border-top: 1px solid var(--ssr-color-primary);
  border-bottom: 1px solid var(--ssr-color-primary);
}

.ssr-summary__content ul {
  margin: 0;
  padding-left: 12px;
  list-style: circle;
}

.ssr-summary__content li {
  margin-bottom: 12px;
  line-height: 1.6;
  color: #2d3748;
}

.ssr-summary__content li:last-child {
  margin-bottom: 0;
}

.ssr-summary__disclaimer {
  padding: 12px 20px;
  font-size: 14px;
  font-style: italic;
  color: #666;
  border-radius: 0 0 8px 8px;
}