/* genotype-decoder: the GT decoding widget of module 3, page 1 (content/academy/genetics-for-data-scientists/module-3-1.md). */
.genotype-decoder__record { margin-bottom: var(--spacing-12); }
.genotype-decoder__columns { width: 100%; margin-bottom: var(--spacing-4); border-collapse: collapse; overflow-x: auto; font-family: var(--font-family-mono); font-size: var(--font-size-12); white-space: nowrap; }
.genotype-decoder__columns 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; }
.genotype-decoder__columns td { padding: var(--spacing-2) var(--spacing-8); color: var(--text-primary); }
.genotype-decoder__record { overflow-x: auto; }
.genotype-decoder__gt-field { background-color: var(--background-highlight); font-weight: var(--font-weight-700); }
.genotype-decoder__why { color: var(--text-secondary); font-size: var(--font-size-12); }
.genotype-decoder__alleles { display: grid; grid-template-columns: max-content 1fr; gap: var(--spacing-2) var(--spacing-12); margin-bottom: var(--spacing-16); font-family: var(--font-family-mono); font-size: var(--font-size-14); }
.genotype-decoder__alleles dt { color: var(--text-tertiary); text-align: right; }
.genotype-decoder__alleles dd { color: var(--text-primary); }
.genotype-decoder__input { width: 6rem; }
.genotype-decoder__notice { margin-bottom: var(--spacing-12); color: var(--text-danger); font-size: var(--font-size-14); }
.genotype-decoder__view { overflow-x: auto; margin-bottom: var(--spacing-12); padding: var(--spacing-8); background-color: var(--background-surface-2); font-family: var(--font-family-mono); font-size: var(--font-size-14); white-space: pre; }
.genotype-decoder__row { display: flex; height: 1.6em; line-height: 1.6; }
.genotype-decoder__row--tick { color: var(--text-tertiary); font-size: var(--font-size-12); }
.genotype-decoder__row-label { display: inline-block; width: 4rem; flex: none; color: var(--text-tertiary); }
.genotype-decoder__cell { display: inline-block; letter-spacing: 0.08em; }
.genotype-decoder__cell--flank { color: var(--text-tertiary); }
.genotype-decoder__cell--pos { color: var(--text-secondary); }
.genotype-decoder__cell--ref { color: var(--text-primary); text-decoration: underline; }
.genotype-decoder__cell--same { color: var(--text-primary); }
.genotype-decoder__cell--alt { background-color: var(--background-highlight); color: var(--text-danger); font-weight: var(--font-weight-700); }
.genotype-decoder__cell--missing { color: var(--text-tertiary); }
.genotype-decoder__reading { display: grid; grid-template-columns: max-content 1fr; gap: var(--spacing-4) var(--spacing-16); margin-bottom: var(--spacing-12); font-size: var(--font-size-14); }
.genotype-decoder__reading dt { color: var(--text-secondary); }
.genotype-decoder__reading dd { color: var(--text-primary); }
.genotype-decoder__statement { color: var(--text-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-600); }