/* Research results: the question, reactions, reasons, then the saved context. */
@layer components {
  :root[data-register] .run-page.page { gap: var(--space-2); }
  :root[data-register] .run-body.page { gap: var(--space-2); }
  .run-page > turbo-cable-stream-source { display: none; }
  :root[data-register] .run-page .page-head { gap: var(--space-1); }
  :root[data-register] .run-page .page-head__title { margin: 0; font-size: var(--text-xl); max-width: 55ch; line-height: 1.25; }
  :root[data-register] .run-page .page-head__sub { margin: 0; font-size: var(--text-sm); font-weight: 400; }
  .results-navigation { display: flex; align-items: center; gap: var(--space-2); border-bottom: 1px solid var(--line); }
  .results-navigation .analysis-tabs { flex: 1; border: 0; padding-block: 0; }
  .results-navigation .run-status { flex-shrink: 0; }
  .analysis-results { display: grid; gap: var(--space-1); min-width: 0; }
  .analysis-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-2); }
  .analysis-heading h2 { font-size: var(--text-lg); }
  .analysis-heading a { flex-shrink: 0; }
  .research-limit { margin-bottom: var(--space-1); }
  .tested-concept { display: flex; flex-wrap: wrap; gap: 4px var(--space-2); font-size: var(--text-sm); }
  .tested-concept > :last-child { white-space: pre-wrap; }
  .analysis-results turbo-frame { display: block; }
  .analysis-filters { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-2); border-block: 1px solid var(--line); margin-block: var(--space-1); padding-block: var(--space-1); }
  .analysis-filters > details { flex: 1; min-width: 0; }
  .analysis-filters > a { flex-shrink: 0; }
  .research-details > summary { cursor: pointer; font-size: var(--text-sm); font-weight: 600; padding-block: var(--space-1); }
  .research-details > summary:hover { color: var(--accent); }
  .research-details[open] > summary { margin-bottom: var(--space-2); }
  .selection-count { font-size: var(--text-sm); color: var(--on-surface-muted); }
  .outcome-counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); margin-block: var(--space-1); }
  .outcome-count { padding: var(--space-2); border-top: 3px solid var(--line-strong); background: var(--surface-sunken); border-radius: 0 0 var(--radius-sm) var(--radius-sm); min-width: 0; }
  .outcome-count[data-outcome='interested'] { border-top-color: var(--outcome-yes); }
  .outcome-count[data-outcome='conditional'] { border-top-color: var(--outcome-if); }
  .outcome-count[data-outcome='not_interested'] { border-top-color: var(--outcome-no); }
  .outcome-count__label { font-size: var(--text-sm); font-weight: 600; }
  .outcome-count__value { font-size: var(--text-xl); font-weight: 600; line-height: 1.3; }
  .outcome-count__total { font-size: var(--text-xs); color: var(--on-surface-muted); }
  .evidence-scope { margin-bottom: var(--space-2); }
  .findings-list { display: grid; gap: var(--space-3); }
  :root[data-register] .finding { gap: var(--space-2); }
  .finding-heading { display: grid; gap: var(--space-1); }
  .finding-label { font-size: var(--text-xs); color: var(--on-surface-muted); }
  .finding-title { font-size: var(--text-xl); letter-spacing: -0.015em; line-height: 1.25; }
  .finding-explanation { max-width: 70ch; white-space: pre-wrap; }
  .finding-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); padding-block: var(--space-2); border-block: 1px solid var(--line); }
  .finding-context > div { min-width: 0; }
  .finding-context dt { font-size: var(--text-xs); color: var(--on-surface-muted); margin-bottom: 4px; }
  .finding-context dd { white-space: pre-wrap; }
  .finding-counts { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; }
  .evidence-role { display: inline-block; font-size: var(--text-xs); font-weight: 600; padding-inline-start: 8px; border-inline-start: 2px solid var(--line-strong); }
  .evidence-role[data-evidence-role='supporting'] { border-color: var(--accent); }
  .evidence-role[data-evidence-role='counterexample'] { border-color: var(--outcome-no); }
  .evidence-role[data-evidence-role='mixed'] { border-color: var(--outcome-if); }
  .finding-evidence { border-top: 1px solid var(--line); padding-top: var(--space-1); }
  .finding-follow-up { border-top: 2px solid var(--line-strong); padding-top: var(--space-2); }
  .finding-follow-up > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-height: 44px; font-size: var(--text-lg); font-weight: 700; }
  .finding-follow-up[open] { padding-bottom: var(--space-2); }
  .finding-follow-up__actions { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-top: var(--space-2); }
  .finding-follow-up__actions .btn { white-space: normal; min-height: 44px; background: var(--surface-emphasis); color: var(--on-emphasis); border-color: var(--surface-emphasis); }
  .finding-follow-up__actions .btn:hover { background: var(--on-surface); }
  .citation-source { color: var(--on-surface-muted); font-size: var(--text-sm); }
  .citation-return { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); grid-column: 2 / -1; border-top: 1px solid var(--line); padding-top: var(--space-1); }
  .citation-return a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--text-sm); font-weight: 600; }
  .citation-return span { color: var(--on-surface-muted); font-size: var(--text-xs); }
  .finding-contribution { margin-block: var(--space-2) var(--space-3); }
  .finding-contribution:last-child { margin-bottom: 0; }
  .finding-contribution__heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1); margin-bottom: var(--space-1); }
  .finding-contribution__heading > strong { font-size: var(--text-sm); }
  .analysis-quote { margin-block: var(--space-1); padding: 0 0 0 var(--space-2); border-inline-start: 2px solid var(--line-strong); }
  .analysis-quote p { white-space: pre-wrap; }
  .analysis-quote a { font-size: var(--text-xs); }
  .outside-counterexamples { padding: var(--space-2); border: 0; border-inline-start: 2px solid var(--outcome-no); background: var(--surface-sunken); }
  .outside-counterexamples > strong { display: block; margin-top: var(--space-2); font-size: var(--text-sm); }
  .outside-counterexamples h4 { font-size: var(--text-sm); }
  .outcome-evidence, .analysis-history, .original-summaries { margin-top: var(--space-2); border-top: 1px solid var(--line); padding-top: var(--space-1); }
  .outcome-evidence__person { display: grid; gap: var(--space-1); padding-block: var(--space-2); border-bottom: 1px solid var(--line); }
  .analysis-version { font-size: var(--text-xs); font-weight: 400; color: var(--on-surface-muted); }
  .analysis-history li { margin-block: var(--space-1); }
  .original-summaries__content { display: grid; gap: var(--space-2); }
  :root[data-register='type'] .finding { padding-block: var(--space-2); border-top: 2px solid var(--on-surface); }
  :root[data-register='type'] .finding > * { margin-top: 0; }
}

@media (max-width: 40rem) {
  .results-navigation { align-items: baseline; }
  .results-navigation .run-status { font-size: var(--text-xs); }
  .results-navigation .analysis-tabs { column-gap: var(--space-2); font-size: var(--text-sm); }
  .outcome-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .outcome-count__total { display: block; }
  .finding-context { grid-template-columns: minmax(0, 1fr); }
  .analysis-filters { flex-wrap: wrap; }
  .analysis-filters > details { flex-basis: 100%; }
  .analysis-history .analysis-version { display: block; }
}