/* Supporting research notes stay quieter than controls and result values. */
.research-limits > summary,
.field-help > summary {
  color: #8d9caa !important;
  font-size: var(--text-xs) !important;
  font-weight: 400;
  line-height: var(--leading-help) !important;
  overflow-wrap: anywhere;
}

.research-limits > .research-limits-body {
  margin: 13px 0 0;
  color: #899aa9;
  font-size: var(--text-xs) !important;
  line-height: var(--leading-help);
  overflow-wrap: anywhere;
}

.research-limits-body > p,
.field-help-content > p {
  margin: 0;
  line-height: var(--leading-help);
}

.research-limits-body > p + p,
.field-help-content > p + p {
  margin-top: 13px;
}

.research-limits-body > :last-child,
.field-help-content > :last-child {
  margin-bottom: 0;
}

.research-limits-body > ul,
.field-help-content > ul {
  margin-top: 12px;
  padding-left: 20px;
  line-height: var(--leading-help);
}

.research-limits-body li + li,
.field-help-content li + li {
  margin-top: 7px;
}

#backtest-result > .research-limits {
  margin: 20px 0 24px !important;
}

/* Number and space the groups. The summary sets the size of all supporting copy. */
.result-warning-groups {
  display: grid;
  gap: 12px;
  max-width: 68em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.research-limits-body > .result-warning-groups > li {
  margin: 0;
}

.result-warning-groups h4,
.result-warning-groups p {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: var(--leading-help);
}

.result-warning-groups h4 {
  color: var(--text);
}

.result-warning-groups h4 + p,
.result-warning-groups p + p {
  margin-top: 4px;
}

.chart-footnote > .research-limits {
  margin: 0 !important;
}

.chart-footnote .research-limits-body {
  margin-top: 10px;
  max-width: 95ch;
}

.field-help > .field-help-content {
  padding-top: 15px;
  color: #899aa9;
  line-height: var(--leading-help);
}

.field-hint,
.field > small,
.check-field > span > small {
  color: #899aa9;
  font-size: var(--text-xs);
  line-height: var(--leading-help);
}

p.field-hint {
  margin-top: 12px;
  margin-bottom: 12px;
}

/* Keep readiness notices in their existing semantic colour. */
.readiness-card .research-limits-body {
  color: #b5aa93;
}