/* The working interface uses the device's readable UI font. The standalone
   landing page keeps its original Blogger Sans and does not load this file. */
:root {
  --font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Noto Sans', Arial, sans-serif;
}

body {
  font-family: var(--font);
  font-kerning: normal;
  font-variant-caps: normal;
  font-variant-numeric: lining-nums;
  line-height: 1.55;
}

button, input, select, textarea {
  font-family: var(--font);
  font-variant-caps: normal;
}

.app-main h1, .app-main h2, .app-main h3,
.public-page h1, .public-page h2, .public-page h3 {
  letter-spacing: -.01em;
}

.workflow-v14 .tx-bank-description.source-description-text,
.overview-v14 .ov-bank-description {
  font-size: 14px;
  line-height: 1.65;
}

.money, .metric strong, .tx-amounts strong,
.ov-transaction-amount, .exchange-rate-value strong {
  font-variant-numeric: lining-nums tabular-nums;
}