/* ══════════════════════════════════════════════════════════════
   PATTERN — Text diff
   Inline text-diff display: added, removed, and changed lines.
   Used for comparing two document versions side-by-side or stacked.

   Markup:
     <div class="diff-added">+ new sentence</div>
     <div class="diff-removed">old sentence</div>
     <div class="diff-changed">
       Sentence with <ins>added word</ins> and <del>removed word</del>
     </div>

   Used by: STRATEGIANALYS (version comparison)
   Candidates: any app comparing text revisions
   ══════════════════════════════════════════════════════════════ */

.diff-added {
    padding: 0.5rem;
    font-size: 0.8125rem;
    background: var(--fg);
    color: var(--bg);
    border-radius: 0.25rem;
}

.diff-removed {
    padding: 0.5rem;
    font-size: 0.8125rem;
    text-decoration: line-through;
    color: var(--muted);
    border-left: 2px solid var(--muted);
    padding-left: 0.75rem;
}

.diff-changed {
    padding: 0.5rem;
    font-size: 0.8125rem;
    border-left: 2px solid var(--fg);
    padding-left: 0.75rem;
}

.diff-changed ins {
    background: var(--fg);
    color: var(--bg);
    text-decoration: none;
    padding: 0 0.15rem;
    border-radius: 0.125rem;
}

.diff-changed del {
    text-decoration: line-through;
    color: var(--muted);
}