/* Proofreader's marks for a recipe diff, global because Mirabel's workshop
   pane renders a diff on ANY page the panel opens on (spec 2026-08-01 §3b) —
   these rules used to live in the per-page history.css, which loads only on
   the recipe show and version pages. Same reasoning as
   components/preferences_fields.css: a fragment that renders both in its
   original page and inside the pane cannot depend on a per-page sheet.
   MOVED, not copied — history.css must not keep a second definition to drift
   against. Ambient class is .recipe--history, carried by every caller:
   recipe_versions/_marked_recipe, recipe_versions/show, and the pane. */

.recipe--history ins {
  background: var(--scaled-highlight);
  text-decoration: none;
}

.recipe--history del {
  color: var(--red-deep);
  text-decoration: line-through;
}

/* Diffed ingredient lists (#3675) — light styling only; a full history theme
   is #3676. The diff body has no .ingredients wrapper to key off (unlike the
   live recipe page's recipes/_step), so this keys off .history-ingredient,
   shared by the word-diffed <li> (_marked_body) and the wholly-added/removed
   <li> (_ir_step). Deliberately plainer than ingredient_row.css's live .ingredients li
   — no bold name, no separate quantity color — since the ins/del marks above
   already carry the emphasis here. Without the column reset, base.css's
   index-column `section > ul` rule would multi-column and ellipsis-truncate
   it on every render path. */
.recipe--history ul:has(.history-ingredient) {
  list-style: none;
  margin: 0;
  padding: 0;
  column-count: initial;
}

.history-ingredient {
  padding: 0.2rem 0;
  font-size: 0.85rem;
  line-height: var(--leading-body);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

/* Compact "what changed" marks at the top of the diff body (#2403). */
.recipe--history .history-header-diff {
  font-size: 0.85rem;
  color: var(--text-soft);
  text-align: center;
}

ins.history-block,
del.history-block { display: block; }