/* The research pages: what they add to site.css and docs.css.
   Comparison tables need more room than a manual page, so the article
   widens; the dateline sits under the intro; sources read as a quiet list. */
.research article { max-width: 54rem; }
/* Research titles run to a keyword phrase; one step down from the manual's display size keeps them to two or three lines. */
.research article .display.small { font-size: clamp(1.75rem, 3.2vw, 2.5rem); line-height: 1.05; }
.research article p, .research article li { max-width: 42rem; }
.research .dateline { color: var(--muted); margin: -0.25rem 0 1.5rem; }
.research .table { overflow-x: auto; }
.research article td { font-size: 0.9375rem; }
.research article td:first-child { font-weight: 500; white-space: nowrap; }
/* The comparison table: six columns, so the feature labels wrap and the table scrolls sideways before it gets cramped; under 640 px it stacks like the others. */
.research .table.wide table { min-width: 50rem; }
.research.wide-page .wrap { max-width: 88rem; }
.research.wide-page article { max-width: none; }
.research .table.wide td:first-child { white-space: normal; min-width: 8.5rem; }
.research .table.wide td:nth-child(2) { background: var(--panel); }
.research .sources { font-size: 0.875rem; color: var(--muted); }
.research .sources li { max-width: none; overflow-wrap: anywhere; }
.research .fits {
  border: 1px solid var(--rule);
  background: var(--panel);
  padding: 1.25rem 1.5rem 0.5rem;
  margin: 2rem 0;
}
.research .fits h2 { margin-top: 0; }
@media (max-width: 640px) {
  .research .table.wide table { min-width: 0; }
  .research .table.wide td:nth-child(2) { background: none; }
  .research article td:first-child { white-space: normal; }
  .research .fits { padding: 1rem 1rem 0.25rem; }
}