/* cigar-aligner: the CIGAR edit-script widget of module 2 (content/academy/genetics-for-data-scientists/module-2.md). */
.cigar-aligner__record { margin-bottom: var(--spacing-8); overflow-x: auto; color: var(--text-secondary); font-size: var(--font-size-12); white-space: nowrap; }
.cigar-aligner__input { width: 14rem; }
.cigar-aligner__notice { margin-bottom: var(--spacing-12); color: var(--text-danger); font-size: var(--font-size-14); }
.cigar-aligner__view { display: flex; 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-12); white-space: nowrap; }
.cigar-aligner__labels { display: flex; flex-direction: column; flex: none; padding-right: var(--spacing-8); }
.cigar-aligner__scroll { flex: 1 1 auto; min-width: 0; overflow-x: auto; }
.cigar-aligner__row { display: flex; height: 1.5em; line-height: 1.5; }
.cigar-aligner__row--tick { color: var(--text-tertiary); font-size: 9px; }
.cigar-aligner__row-label { display: block; height: 1.5em; line-height: 1.5; color: var(--text-tertiary); }
.cigar-aligner__row-label.cigar-aligner__row--tick { font-size: var(--font-size-12); }
.cigar-aligner__cell { display: inline-block; width: 0.7rem; text-align: center; }
.cigar-aligner__cell--unknown { color: var(--text-tertiary); }
.cigar-aligner__cell--span { border-bottom: 2px solid var(--border-strong); }
.cigar-aligner__cell--aligned { color: var(--text-primary); }
.cigar-aligner__cell--mismatch { background-color: var(--background-highlight); color: var(--text-danger); font-weight: var(--font-weight-700); }
.cigar-aligner__cell--insert { background-color: var(--background-highlight); color: var(--text-primary); font-weight: var(--font-weight-700); }
.cigar-aligner__cell--gap { color: var(--text-tertiary); }
.cigar-aligner__cell--clip { color: var(--text-tertiary); text-decoration: underline dotted; }
.cigar-aligner__cell--delete, .cigar-aligner__cell--skip { color: var(--text-danger); }
.cigar-aligner__legend { display: flex; flex-wrap: wrap; gap: var(--spacing-12); margin-bottom: var(--spacing-12); color: var(--text-secondary); font-size: var(--font-size-12); }
.cigar-aligner__legend-item { display: inline-flex; align-items: center; gap: var(--spacing-4); }
.cigar-aligner__swatch { display: inline-block; width: 0.75rem; height: 0.75rem; border: var(--stroke-weight-1) solid var(--border-strong); border-radius: 2px; }
.cigar-aligner__swatch--aligned { background-color: var(--background-base); }
.cigar-aligner__swatch--mismatch { background-color: var(--background-highlight); border-color: var(--text-danger); }
.cigar-aligner__swatch--insert { background-color: var(--background-highlight); }
.cigar-aligner__swatch--clip { background: repeating-linear-gradient(45deg, transparent, transparent 2px, var(--border-strong) 2px, var(--border-strong) 3px); }
.cigar-aligner__arithmetic { 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); }
.cigar-aligner__arithmetic dt { color: var(--text-secondary); }
.cigar-aligner__arithmetic dd { color: var(--text-primary); font-family: var(--font-family-mono); }
.cigar-aligner__summary { color: var(--text-secondary); font-size: var(--font-size-14); }