.strains-content { max-width: 100%; }
.strains-scroll { overflow-x: auto; margin: 12px 0; }
.strains-table { min-width: 880px; width: 100%; }
.strains-table td { vertical-align: top; }
.strains-content .entry-table th.num,
.strains-content .entry-table td.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.strains-table td:last-child { min-width: 125px; max-width: 220px; font-size: 12.5px; color: var(--ink-soft); }
.strains-table td:nth-child(2) { font-size: 12.5px; }
/* Lineage / reference: 1px-bordered square tag. */
.strains-lineage { font-size: 12px; color: var(--ink-soft); border: 1px solid var(--line); border-radius: 2px; padding: 0 4px; white-space: nowrap; }
.strains-plot { display: block; width: min(100%, 700px); height: auto; margin: 18px 0; font-size: 12px; fill: var(--ink); }
.strains-grid { stroke: var(--line-soft, var(--line)); stroke-width: 1; }
.strains-threshold { stroke: var(--ink-soft); stroke-width: 1; stroke-dasharray: 3 3; }
.strains-dot { fill: var(--teal); }
.strains-variable-dot { fill: var(--teal); stroke: var(--ink); stroke-width: 1.5; }
.strains-outgroups { margin: 16px 0; }
.strains-outgroups > summary { cursor: pointer; color: var(--teal); width: fit-content; }
.strains-ranked { max-height: 650px; overflow: auto; }
.strains-ranked thead th { position: sticky; top: 0; background: var(--surface-soft); z-index: 1; }
.strains-about p { max-width: 100ch; line-height: 1.6; }
@media (max-width: 700px) { .strains-table { min-width: 820px; } }