/* Only migrated application documents own these defaults and tokens. */
.fj-app {
  --fj-canvas: #f6f6f4; --fj-surface: #fff; --fj-ink: #1a1a1c;
  --fj-muted: #74757e; --fj-secondary: #4a4b52; --fj-border: #e3e3df;
  --fj-subtle: #f0f0ec; --fj-action: #4a5bd0; --fj-action-hover: #3a48a8;
  --fj-action-soft: #edf0fc; --fj-success: #287451; --fj-success-soft: #eaf5ee;
  --fj-warning: #875b15; --fj-warning-soft: #fff5df;
  --fj-error: #b0342c; --fj-error-soft: #fbecea; --fj-shortfall: #b0342c;
  --fj-space-1: 4px; --fj-space-2: 8px; --fj-space-3: 12px; --fj-space-4: 16px;
  --fj-space-5: 20px; --fj-space-6: 24px; --fj-space-8: 32px; --fj-space-10: 40px;
  --fj-radius-sm: 4px; --fj-radius: 6px; --fj-radius-lg: 10px;
  --fj-focus: 2px solid var(--fj-action); --fj-control-height: 32px;
  --fj-font: 'Instrument Sans', system-ui, sans-serif;
  margin: 0; background: var(--fj-canvas); color: var(--fj-ink);
  font: 14px/1.5 var(--fj-font); -webkit-font-smoothing: antialiased;
}
.fj-app *, .fj-app *::before, .fj-app *::after { box-sizing: border-box; }
.fj-app [hidden] { display: none !important; }
.fj-app :focus-visible { outline: var(--fj-focus); outline-offset: 2px; }
.fj-app :where(button, input, select, textarea) { font: inherit; }
.fj-app :where(button, a, input, select, textarea) { -webkit-tap-highlight-color: transparent; }
.fj-app :where(a) { color: var(--fj-action); }
.fj-app :where(h1, h2, h3, p) { margin: 0 0 12px; overflow-wrap: anywhere; }
.fj-app h1 { font-size: 20px; font-weight: 600; line-height: 1.3; }
.fj-app h2 { font-size: 16px; font-weight: 600; }
.fj-app h3 { font-size: 14px; font-weight: 600; }
.fj-app .fj-number, .fj-app input[type=number] { font-variant-numeric: tabular-nums; }
.fj-app .fj-muted { color: var(--fj-muted); }
.fj-app .fj-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 719px) { .fj-app { --fj-control-height: 44px; } .fj-app h1 { font-size: 18px; } }