html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.ui-body {
  margin: 0;
  color: var(--ui-ink);
  background:
    radial-gradient(circle at top left, rgba(168, 95, 53, 0.18), transparent 22%),
    radial-gradient(circle at bottom right, rgba(30, 106, 84, 0.1), transparent 18%),
    linear-gradient(180deg, var(--ui-bg) 0%, #fbf7f0 100%);
}

.ui-body a {
  color: var(--ui-brand-deep);
}

.ui-inline-code {
  display: inline-block;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(34, 28, 22, 0.06);
  color: var(--ui-ink);
  font-family: "Consolas", "Courier New", monospace;
  font-size: 0.88rem;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
}

.ui-muted {
  color: var(--ui-muted);
}

.ui-note {
  margin: 0;
  color: var(--ui-muted);
  line-height: 1.7;
}

.ui-page-title,
.ui-page-lead,
.ui-section-title,
.ui-subtitle,
.ui-section-description,
.ui-form-intro,
.ui-form-intro strong,
.ui-form-intro p,
.ui-stat-card__label,
.ui-stat-card__value,
.ui-stat-card__meta,
.ui-status-pill,
.ui-chip,
.ui-chip__suffix {
  overflow-wrap: anywhere;
  word-break: break-word;
}