/* One result type scale, taken from the question cards under Categories. */
:root { --hmd-result-size: 48px; --hmd-result-unit: .38em; }
.result-line .result-line-numbers strong,
.question-round .round-result-visual .result-line-numbers strong,
.question-round .round-result-labels strong,
.hmd-insight .insight-values strong,
.site-statistics .stats-split strong,
.account-answer .account-result-labels strong,
.norway-visual .orbital-result strong {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--atelier-font, "Geist", Arial, Helvetica, sans-serif);
  font-size: var(--hmd-result-size);
  font-weight: 450;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -.065em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.result-line .result-line-numbers strong small,
.question-round .round-result-labels strong small,
.hmd-insight .insight-values strong small,
.site-statistics .stats-split strong small,
.account-answer .account-result-labels strong small,
.norway-visual .orbital-result strong em {
  font-family: inherit;
  font-size: var(--hmd-result-unit);
  font-weight: 400;
  font-style: normal;
  line-height: inherit;
  letter-spacing: -.03em;
  margin-left: 4px;
}
/* Match the reference's label-above-number structure in every result pair. */
.question-round .round-result-visual .result-line-numbers > div,
.question-round .round-result-labels > span,
.hmd-insight .insight-values > span,
.site-statistics .stats-split > span,
.account-answer .account-result-labels > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.question-round .round-result-visual .result-line-numbers > div:last-child,
.question-round .round-result-labels > span:last-child,
.hmd-insight .insight-values > span:last-child,
.site-statistics .stats-split > span:last-child,
.account-answer .account-result-labels > span:last-child { align-items: flex-end; }
.question-round .round-result-visual .result-line-label {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2em;
}
.question-round .round-result-visual .result-line-numbers strong { margin-top: 0; }
.account-answer .account-result-labels { display: flex; justify-content: space-between; }

/* Reserve the entire instrument above the answers, before and after voting.
   Only the reading area scrolls; neither longer text nor results resize a card. */
.question-round .round-card {
  box-sizing: border-box;
  height: 560px;
  min-height: 560px;
  max-height: 560px;
}
.question-round .round-card-top { flex: 0 0 38px; min-height: 38px; margin-bottom: 12px; }
.question-round .round-copy {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: #c6bcca transparent;
  margin-bottom: 16px;
  padding-right: 6px;
}
.question-round .round-result-slot {
  flex: 0 0 126px;
  min-height: 126px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.question-round .round-result-visual .result-line-track { height: 6px; margin-top: 10px; }
.question-round .round-result-slot .round-result-note { margin: 8px 0 0; }
.question-round .round-choices { flex: 0 0 auto; margin: 0; }
.question-round .round-feedback {
  flex: 0 0 30px;
  min-height: 30px;
  max-height: 30px;
  padding-top: 4px;
  overflow-y: auto;
}
.question-round .round-confirmation { margin: 0; min-height: 0; }
.question-round .round-secondary { flex: 0 0 44px; min-height: 44px; margin-top: 0; }
@media (max-width: 700px) {
  .question-round .round-card { height: 600px; min-height: 600px; max-height: 600px; }
}
/* Keep geographic detail in the margins of the standalone question page. */
.hmd-city-maps-active .standalone-question .card {
  background: var(--paper, #f7f5f2);
  border-radius: 16px;
}
.hmd-city-maps-active #page-content > .method-note {
  background: var(--paper, #f7f5f2);
  padding: 10px 14px;
  border-radius: 8px;
}

/* Equal shares stay equally colored, separated by a quiet, light center line. */
.result-line[data-result-leader="tie"] .result-line-track::after,
.account-answer[data-result-leader="tie"] .account-result-track::after,
.question-round [data-result-leader="tie"] .round-result-track::after{
 content:"";position:absolute;z-index:2;left:50%;top:0;bottom:0;width:2px;
 transform:translateX(-50%);background:#f7f5f2;pointer-events:none;
}
.account-answer[data-result-leader="tie"] .account-result-track,
.question-round [data-result-leader="tie"] .round-result-track{position:relative}