/* kinship-calculator: reading a relationship out of two genotype columns, module 8 (content/academy/genetics-for-data-scientists/module-8.md). */
.kinship-calculator__select { max-width: 100%; padding: var(--spacing-2) var(--spacing-4); border: var(--stroke-weight-1) solid var(--border-default); border-radius: var(--corner-radius-xs); background-color: var(--background-base); color: inherit; font-family: var(--font-family-mono); font-size: var(--font-size-12); }
.kinship-calculator__buttons { display: inline-flex; flex-wrap: wrap; gap: var(--spacing-4); }
.kinship-calculator__buttons .button { max-width: 100%; }
.kinship-calculator__verdict { margin-bottom: var(--spacing-12); }
.kinship-calculator__headline { color: var(--text-primary); font-size: var(--font-size-16); font-weight: var(--font-weight-600); }
.kinship-calculator__table-wrap { overflow-x: auto; margin-bottom: var(--spacing-12); }
.kinship-calculator__table { width: 100%; border-collapse: collapse; font-size: var(--font-size-12); }
.kinship-calculator__table th { padding: var(--spacing-2) var(--spacing-8); border-bottom: var(--stroke-weight-1) solid var(--border-default); color: var(--text-tertiary); font-weight: var(--font-weight-600); text-align: left; }
.kinship-calculator__table td { padding: var(--spacing-2) var(--spacing-8); color: var(--text-primary); }
.kinship-calculator__table td:nth-child(2) { font-family: var(--font-family-mono); text-align: right; }
.kinship-calculator__table td:nth-child(3) { color: var(--text-secondary); }
.kinship-calculator__formula { margin-bottom: var(--spacing-12); color: var(--text-secondary); font-family: var(--font-family-mono); font-size: var(--font-size-12); overflow-wrap: anywhere; }
.kinship-calculator__scale { display: flex; flex-wrap: wrap; gap: var(--spacing-4); margin-bottom: var(--spacing-12); }
.kinship-calculator__mark { padding: var(--spacing-2) var(--spacing-8); border: var(--stroke-weight-1) solid var(--border-default); border-radius: var(--corner-radius-xs); color: var(--text-tertiary); font-size: var(--font-size-12); }
.kinship-calculator__mark--current { border-color: var(--text-primary); color: var(--text-primary); font-weight: var(--font-weight-600); }
.kinship-calculator__exposure { color: var(--text-secondary); font-size: var(--font-size-14); }