/* practitioner.html result panel: who and when, the value, the trend, then what was said. */
#akashic-health-records-patient-portal-root .observation-result {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
#akashic-health-records-patient-portal-root .observation-result > section {
  align-self: stretch;
}
#akashic-health-records-patient-portal-root .observation-result__who,
#akashic-health-records-patient-portal-root .observation-result__stamp {
  font-size: var(--ak-font-12);
  color: var(--ink-muted);
}
#akashic-health-records-patient-portal-root .observation-result__value {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 4px;
  text-align: center;
}
#akashic-health-records-patient-portal-root .observation-result__unit {
  margin-left: 4px;
  font-size: var(--ak-font-12);
  font-weight: normal;
  color: var(--ink-muted);
}
#akashic-health-records-patient-portal-root .observation-result-spark {
  color: var(--primary);
}
#akashic-health-records-patient-portal-root .observation-result-spark svg {
  display: block;
  width: 100%;
  height: 52px;
}
#akashic-health-records-patient-portal-root .observation-result-spark__values {
  display: flex;
  justify-content: space-between;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--ak-font-12);
  color: var(--ink-muted);
}
#akashic-health-records-patient-portal-root .observation-result-spark__values b {
  display: block;
}
#akashic-health-records-patient-portal-root .observation-result__note {
  border-left: 2px solid var(--primary);
  background: var(--sunken);
  padding: 8px 12px;
  color: var(--ink-strong);
}
#akashic-health-records-patient-portal-root .observation-result__stamp {
  display: block;
  margin-top: 4px;
}