.reconciliation-lesson .diff-controls{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);min-width:0}.reconciliation-lesson .diff-scenarios{flex-wrap:wrap}.reconciliation-lesson .diff-board{display:grid;grid-gap:var(--cf-space-350);gap:var(--cf-space-350);padding:var(--cf-space-350)}.reconciliation-lesson .diff-row{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);min-width:0}.reconciliation-lesson .diff-row-label{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold)}.reconciliation-lesson .diff-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:0;list-style:none}.reconciliation-lesson .diff-chip{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);min-width:0;margin:0;padding:var(--cf-space-200) var(--cf-space-250);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.reconciliation-lesson .diff-chip strong{overflow-wrap:anywhere}.reconciliation-lesson .diff-chip.is-current{border-color:var(--cf-color-primary-solid);box-shadow:0 0 0 1px var(--cf-color-primary-solid)}.reconciliation-lesson .diff-chip.is-kept,.reconciliation-lesson .diff-chip.is-reused{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.reconciliation-lesson .diff-chip.is-inserted,.reconciliation-lesson .diff-chip.is-moved{border-color:var(--cf-color-warning-border);background:var(--cf-color-warning-subtle)}.reconciliation-lesson .diff-chip.is-in-the-map{border-style:dashed;background:var(--cf-color-tertiary-subtle)}.reconciliation-lesson .diff-chip.is-deleted{border-style:dashed;color:var(--cf-color-text-tertiary)}.reconciliation-lesson .diff-chip.is-deleted strong{text-decoration:line-through}.reconciliation-lesson .diff-index{color:var(--cf-color-text-tertiary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275)}.reconciliation-lesson .diff-state{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.reconciliation-lesson .diff-vars{display:flex;flex-wrap:wrap;gap:var(--cf-space-200) var(--cf-space-600);margin:0;font-size:var(--cf-font-size-325)}.reconciliation-lesson .diff-vars>div{display:flex;flex-wrap:wrap;gap:var(--cf-space-200);min-width:0}.reconciliation-lesson .diff-vars dd,.reconciliation-lesson .diff-vars dt{margin:0;overflow-wrap:anywhere}.reconciliation-lesson .diff-vars dt{color:var(--cf-color-text-secondary)}.reconciliation-lesson .diff-source{margin:0;padding:var(--cf-space-200) 0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-150);background:var(--cf-color-code-bg);color:var(--cf-color-code-text);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-180);overflow-x:auto}.reconciliation-lesson .diff-source .source-line{display:flex;min-width:max-content;padding-right:var(--cf-space-250);border-left:2px solid rgba(0,0,0,0)}.reconciliation-lesson .diff-source .line-number{width:31px;flex-shrink:0;color:var(--cf-color-text-muted);font-size:var(--cf-font-size-250);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reconciliation-lesson .diff-source .executed-line{background:var(--cf-color-primary-subtle-hover);border-left-color:var(--cf-color-primary-solid)}.reconciliation-lesson .diff-source code{background:none;white-space:pre}@media(max-width:560px){.reconciliation-lesson .diff-board{padding:var(--cf-space-300)}.reconciliation-lesson .diff-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}