/* Speechex v4.19.46 — unified SF Pro / Inter typography */
:root {
  --spx-font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --spx-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Compatibility with the existing public, prelaunch, cabinet and admin themes. */
  --spx-font-stack: var(--spx-font-text);
  --spx-font: var(--spx-font-text);
  --spx-font-ui: var(--spx-font-text);
  --font: var(--spx-font-text);
  --body: var(--spx-font-text);
  --display: var(--spx-font-display);
}

html {
  font-family: var(--spx-font-text);
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* The ID inside :not() deliberately gives this final stylesheet enough
   specificity to replace accumulated legacy font declarations without
   changing spacing, sizes, colours or component behaviour. */
html:root body:not(#spx-legacy-font),
html:root body:not(#spx-legacy-font) *:not(pre):not(code):not(kbd):not(samp) {
  font-family: var(--spx-font-text) !important;
}

html:root body:not(#spx-legacy-font) :is(
  h1, h2, h3, h4, h5, h6,
  .page-title, .section-title, .hero-title,
  .app-page-title, .mobile-page-title,
  .brand-copy, .brand-name
) {
  font-family: var(--spx-font-display) !important;
}

html:root body pre,
html:root body pre *,
html:root body code,
html:root body code *,
html:root body kbd,
html:root body samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

button,
input,
textarea,
select,
option {
  font: inherit;
}