* { 
  font-family: var(--font-family), system-ui;
  font-size: var(--font-size-step-0);
}

.font-size-min, .font-size-min * { 
  font-size: 1rem 
}
.font-size-0, .font-size-0 *, p, p * {
  font-size: var(--font-size-step-0); 
}
.font-size-1, .font-size-1 *, h5, h5 * { 
  font-size: var(--font-size-step-1);
}
.font-size-2, .font-size-2 *, h4, h4 * { 
  font-size: var(--font-size-step-2);
}
.font-size-3, .font-size-3 *, h3, h3 * { 
  font-size: var(--font-size-step-3);
  line-height: var(--line-height-short);
}
.font-size-4, .font-size-4 *, h2, h2 * { 
  font-size: var(--font-size-step-4);
  line-height: var(--line-height-short);
}
.font-size-5, .font-size-5 *, h1, h1 * { 
  font-size: var(--font-size-step-5);
  line-height: var(--line-height-short);
}

.line-height-default { line-height: var(--line-height-default); }
.line-height-short { line-height: var(--line-height-short); }

.line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}