/* Named CKEditor styles: the same rules in the editor and on public pages. */
.oles-emphasis { color: var(--oles-green, #226b35); font-weight: 700; }
.oles-underline { text-decoration-line: underline; text-decoration-color: var(--oles-green, #226b35); text-decoration-thickness: 3px; text-underline-offset: .3em; text-decoration-skip-ink: auto; }
.oles-lead { font-size: var(--type-lead, 2rem); font-weight: 700; line-height: 1.25; }
.oles-eyebrow { font-size: var(--type-body, 1.25rem); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.oles-small-print { font-size: var(--type-small, 1.125rem); }
a.oles-button, a.oles-button-outline {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem;
  min-height: 48px; max-width: 100%; padding: 1rem 1.5rem; border: 2px solid transparent;
  background: var(--oles-cream, #fefcf7); color: var(--oles-green, #226b35);
  font-family: var(--font-body, 'Noto Sans', sans-serif); font-size: var(--type-small, 1.125rem);
  font-weight: 700; text-transform: uppercase; text-decoration: none; overflow-wrap: anywhere;
}
a.oles-button-outline { border-color: currentColor; background: transparent; }
a.oles-button::after, a.oles-button-outline::after { content: ''; flex: 0 0 5rem; width: 5rem; height: 1.5rem; background: currentColor; mask: url('../images/arrow-right.svg') center / contain no-repeat; }
a.oles-button:hover, a.oles-button-outline:hover { border-color: currentColor; }
.oles-tone-dark .oles-emphasis, .oles-tone-brown .oles-emphasis { color: var(--oles-gold, #d4bc7f); }
.oles-tone-dark .oles-underline, .oles-tone-brown .oles-underline { text-decoration-color: var(--oles-gold, #d4bc7f); }