/* variant-normalizer: the left-alignment widget of module 3, page 2 (content/academy/genetics-for-data-scientists/module-3-2.md). */
.variant-normalizer__site { margin-bottom: var(--spacing-8); color: var(--text-secondary); font-size: var(--font-size-14); }
.variant-normalizer__reference { 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; }
.variant-normalizer__row { display: flex; height: 1.6em; line-height: 1.6; }
.variant-normalizer__row--tick { color: var(--text-tertiary); font-size: var(--font-size-12); }
.variant-normalizer__row-label { display: inline-block; width: 7rem; flex: none; color: var(--text-tertiary); }
.variant-normalizer__cell { display: inline-block; letter-spacing: 0.08em; }
.variant-normalizer__cell--flank { color: var(--text-tertiary); }
.variant-normalizer__cell--ref { color: var(--text-primary); text-decoration: underline; }
.variant-normalizer__cell--alt { background-color: var(--background-highlight); color: var(--text-danger); font-weight: var(--font-weight-700); }
.variant-normalizer__cell--gap { color: var(--text-tertiary); }
.variant-normalizer__cell--pos { color: var(--text-secondary); }
.variant-normalizer__rows { width: 100%; margin-bottom: var(--spacing-8); border-collapse: collapse; font-family: var(--font-family-mono); font-size: var(--font-size-12); }
.variant-normalizer__rows 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; }
.variant-normalizer__rows td { padding: var(--spacing-2) var(--spacing-8); color: var(--text-primary); vertical-align: middle; }
.variant-normalizer__input { width: 7rem; }
.variant-normalizer__input--pos { width: 7rem; }
.variant-normalizer__input--allele { width: 11rem; }
.variant-normalizer__rows tr.is-selected td { background-color: var(--background-surface-2); }
.variant-normalizer__result--ok { color: var(--text-primary); }
.variant-normalizer__result--error { color: var(--text-danger); }
.variant-normalizer__remove { color: var(--text-tertiary); background: none; border: none; cursor: pointer; font: inherit; }
.variant-normalizer__summary { margin-bottom: var(--spacing-12); color: var(--text-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-600); }
.variant-normalizer__groups { margin-bottom: var(--spacing-16); }
.variant-normalizer__group { margin-bottom: var(--spacing-8); padding: var(--spacing-8); border: var(--stroke-weight-1) solid var(--border-default); border-radius: var(--corner-radius-xs); }
.variant-normalizer__group-title { margin-bottom: var(--spacing-4); font-family: var(--font-family-mono); font-size: var(--font-size-14); color: var(--text-primary); }
.variant-normalizer__group-members { margin-bottom: var(--spacing-4); color: var(--text-secondary); font-size: var(--font-size-12); }
.variant-normalizer__group-view { overflow-x: auto; font-family: var(--font-family-mono); font-size: var(--font-size-12); white-space: pre; }
.variant-normalizer__steps { margin: 0 0 0 var(--spacing-16); padding: 0; color: var(--text-secondary); font-size: var(--font-size-14); }
.variant-normalizer__steps li { margin-bottom: var(--spacing-2); }
.variant-normalizer__steps code { color: var(--text-primary); }