/* identity-narrowing: how few markers single a person out, module 8 (content/academy/genetics-for-data-scientists/module-8.md). */
.identity-narrowing__slider { width: var(--width-320); max-width: 60%; accent-color: var(--text-primary); }
.identity-narrowing__buttons { display: inline-flex; flex-wrap: wrap; gap: var(--spacing-4); }
.identity-narrowing__buttons .button { max-width: 100%; }
.identity-narrowing__summary { margin-bottom: var(--spacing-12); }
.identity-narrowing__headline { margin-bottom: var(--spacing-4); color: var(--text-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-600); }
.identity-narrowing__note { color: var(--text-secondary); font-size: var(--font-size-12); }
.identity-narrowing__grid-wrap { overflow-x: auto; margin-bottom: var(--spacing-12); }
.identity-narrowing__grid { display: block; width: 100%; min-width: 18rem; height: auto; }
.identity-narrowing__cell { fill: var(--border-default); }
.identity-narrowing__cell--match { fill: var(--text-danger); }
.identity-narrowing__table-wrap { overflow-x: auto; max-height: 18rem; }
.identity-narrowing__table { width: 100%; border-collapse: collapse; font-size: var(--font-size-12); }
.identity-narrowing__table th { position: sticky; top: 0; padding: var(--spacing-2) var(--spacing-8); border-bottom: var(--stroke-weight-1) solid var(--border-default); background-color: var(--background-surface-1); color: var(--text-tertiary); font-weight: var(--font-weight-600); text-align: left; }
.identity-narrowing__table td { padding: var(--spacing-2) var(--spacing-8); color: var(--text-primary); font-family: var(--font-family-mono); white-space: nowrap; }