/* Values from the approved reference. Font files are not bundled yet. */
.clover-site,.editor-styles-wrapper,.clover-cookie {
  --clover-surface-outcomes:#d2dfce;--clover-surface-catalog:#eef3ea;--clover-surface-work:#e8eee4;--clover-surface-soft:#f0f4ed;--ink:#243f35;--paper:#fafbf8;--sage:#dce8dd;--line:#c6d3c8;--muted:#53695c;
  --clover-font-body:'IBM Plex Sans',sans-serif;
  --clover-content-font-size:18px;
  --clover-content-line-height:1.6;
  --clover-font-heading:'IBM Plex Serif',serif;
  --clover-section-space:88px;
}
@media(max-width:850px){.clover-site,.editor-styles-wrapper,.clover-cookie{--clover-section-space:64px}}
@media(max-width:580px){.clover-site,.editor-styles-wrapper,.clover-cookie{--clover-section-space:52px}}

@media(max-width:650px){.clover-site,.editor-styles-wrapper,.clover-cookie{--clover-content-font-size:17px;--clover-content-line-height:1.55}}

/* Shared page grid: content, both headers and footer. */
:root{--clover-container:1200px;--clover-gutter:48px}
@media(max-width:850px){:root{--clover-gutter:28px}}
@media(max-width:580px){:root{--clover-gutter:22px}}