/**
 * Neutralise pasted inline background-color "highlights" in node content.
 *
 * Pasting from YouTube/Google/Word can bring a <span style="…background-color:
 * rgb(255,255,255)…"> wrapper that reads as a white highlighter box against the
 * page background. This rule overrides ONLY the background — the span, its text
 * colour, and its white-space (which preserves the pasted paragraph breaks) are
 * all left intact. Inline styles carry no !important on background, so a stylesheet
 * !important wins.
 */
.node [style*="background"],
.field--type-text-with-summary [style*="background"],
.field--type-text-long [style*="background"] {
  background-color: transparent !important;
}

/**
 * Body fields are meant to render in the theme's serif ("Source Serif 4").
 * Pasted content frequently carries an inline font-family (e.g. Roboto, Arial,
 * sans-serif) that overrides it, so body text on those nodes looks sans-serif.
 * Force any element carrying an inline font-family inside a body field to
 * inherit the theme font again. Scoped to .field--name-body so only body-machine-name
 * fields are affected; nothing else about the pasted styling changes.
 */
.field--name-body [style*="font-family"] {
  font-family: inherit !important;
}