:is(.rich-content__body, .feature-content__supporting, .content-rotator__panel-body) [data-ws-style="wholespace.rich_text.inline.muted"] {
  color: color-mix(in srgb, currentColor 78%, transparent);
}

:is(.rich-content__body, .feature-content__supporting, .content-rotator__panel-body) [data-ws-style="wholespace.rich_text.inline.accent"] {
  color: var(--ws-content-accent, var(--accent, #8a4b2f));
  font-weight: 600;
}

:is(.rich-content__body, .feature-content__supporting) [data-ws-style="wholespace.rich_text.inline.inverse"] {
  color: var(--ws-content-inverse, var(--paper, currentColor));
}

:is(.rich-content__body, .content-rotator__panel-body) :is(p, h2, h3, h4, blockquote)[data-ws-text-align="left"],
.feature-content__supporting :is(p, h3, h4)[data-ws-text-align="left"] {
  text-align: left;
}

:is(.rich-content__body, .content-rotator__panel-body) :is(p, h2, h3, h4, blockquote)[data-ws-text-align="center"],
.feature-content__supporting :is(p, h3, h4)[data-ws-text-align="center"] {
  text-align: center;
}

:is(.rich-content__body, .content-rotator__panel-body) :is(p, h2, h3, h4, blockquote)[data-ws-text-align="right"],
.feature-content__supporting :is(p, h3, h4)[data-ws-text-align="right"] {
  text-align: right;
}

:is(.rich-content__body, .feature-content__supporting, .content-rotator__panel-body) mark[data-ws-style="wholespace.rich_text.inline.highlight"] {
  background: #fff0a8;
  color: inherit;
  padding-inline: 0.12em;
}

:is(.rich-content__body, .feature-content__supporting, .content-rotator__panel-body) p[data-ws-style="wholespace.rich_text.paragraph.lead"] {
  font-size: clamp(1.12rem, 1rem + 0.45vw, 1.4rem);
  line-height: 1.55;
}

:is(.rich-content__body, .feature-content__supporting) p[data-ws-style="wholespace.rich_text.paragraph.large"] {
  font-size: clamp(1.04rem, 1rem + 0.22vw, 1.2rem);
  line-height: 1.6;
}

.rich-content__body p[data-ws-style="wholespace.rich_text.paragraph.eyebrow"] {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

:is(.rich-content__body, .feature-content__supporting) p[data-ws-style="wholespace.rich_text.paragraph.small_print"] {
  font-size: 0.78rem;
  line-height: 1.5;
}

:is(.rich-content__body, .feature-content__supporting, .content-rotator__panel-body) p[data-ws-style="wholespace.rich_text.paragraph.small"] {
  font-size: 0.9rem;
  line-height: 1.55;
}

:is(.rich-content__body, .content-rotator__panel-body) blockquote[data-ws-style="wholespace.rich_text.quote.pull_quote"] {
  border-inline-start: 0.25rem solid currentColor;
  font-size: 1.2em;
  margin-inline: 0;
  padding-inline-start: 1.25rem;
}

.rich-content__body ul[data-ws-style="wholespace.rich_text.list.feature"] {
  list-style: none;
  padding-inline-start: 0;
}

.rich-content__body ul[data-ws-style="wholespace.rich_text.list.feature"] > li {
  border-block-start: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  padding-block: 0.65rem;
}

/* TinyMCE receives the active Section Surface as editor-only context. */
:root body[data-ws-editor-surface="light"] {
  --ws-editor-surface-background: var(--ws-surface-light, var(--ws-site-bg));
  --ws-editor-surface-foreground: var(--ws-surface-light-ink, var(--ws-site-text));
}

:root body[data-ws-editor-surface="contrast"] {
  --ws-editor-surface-background: var(--ws-surface-contrast, #233b3a);
  --ws-editor-surface-foreground: var(--ws-surface-contrast-ink, var(--ws-site-action-fg));
}

:root body[data-ws-editor-surface="accent"] {
  --ws-editor-surface-background: var(--ws-surface-accent, var(--ws-site-control-subtle));
  --ws-editor-surface-foreground: var(--ws-surface-accent-ink, var(--ws-site-text));
}

:root body[data-ws-editor-surface="image"] {
  --ws-editor-surface-background: var(--ws-surface-image-dark, #172424);
  --ws-editor-surface-foreground: var(--ws-site-action-fg, #fff);
}

:root body[data-ws-editor-surface="image"]:is(
  [data-ws-editor-surface-readability="lighten"],
  [data-ws-editor-surface-readability="lighten_lightly"],
  [data-ws-editor-surface-readability="unchanged"]
) {
  --ws-editor-surface-background: var(--ws-surface-image-light, #faf8f3);
  --ws-editor-surface-foreground: var(--ws-site-text, #1d2726);
}

:root body[data-ws-editor-surface]:not([data-ws-editor-surface="default"]) {
  --ws-content-accent: var(--ws-editor-surface-foreground);
  --ws-content-action-bg: var(--ws-editor-surface-foreground);
  --ws-content-action-fg: var(--ws-editor-surface-background);
  --ws-content-action-border: var(--ws-editor-surface-foreground);
  --ws-content-action-hover: color-mix(in srgb, var(--ws-editor-surface-foreground) 86%, transparent);
  --ws-content-action-secondary-fg: var(--ws-editor-surface-foreground);
  --ws-content-action-secondary-hover-bg: color-mix(in srgb, var(--ws-editor-surface-foreground) 14%, transparent);
  --ws-content-action-tertiary-fg: var(--ws-editor-surface-foreground);
  --ws-content-action-tertiary-hover-bg: color-mix(in srgb, var(--ws-editor-surface-foreground) 10%, transparent);
  background: var(--ws-editor-surface-background);
  color: var(--ws-editor-surface-foreground);
}

:root body[data-ws-editor-surface]:not([data-ws-editor-surface="default"])
  a:not([data-ws-action-treatment]) {
  color: inherit;
}

:root body:is(.rich-content__body, .feature-content__supporting)
  [data-ws-style="wholespace.rich_text.inline.inverse"] {
  color: var(--ws-content-inverse, var(--paper, currentColor));
}