body {
  font-family: var(--font-ui);
  font-size: var(--text-md);
  line-height: 1.35;
  background: var(--color-bg);
  color: var(--color-text);
  word-break: normal;
  overflow-wrap: normal;
  writing-mode: horizontal-tb;
}

:where(h1, h2, h3, h4, p) {
  min-width: 0;
}

:where(.page-title, .module-title) {
  font-size: var(--text-2xl);
}

:where(.section-title, .card-title, legend) {
  font-size: var(--text-lg);
}

:where(label, input, select, textarea, table, button, .btn, .body-text) {
  font-size: var(--text-md);
}

:where(.helper-text, .breadcrumb, small, .muted) {
  font-size: var(--text-xs);
}