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

.ugel-scope {
  font-family: var(--ugel-font-sans);
  color: var(--ugel-text);
  line-height: 1.6;
}

.ugel-scope img {
  max-width: 100%;
  display: block;
}

.ugel-scope a {
  color: var(--ugel-blue);
  text-decoration: none;
  transition: color 0.15s ease;
}

.ugel-scope a:hover {
  color: var(--ugel-ink);
}

.ugel-scope h1,
.ugel-scope h2,
.ugel-scope h3 {
  font-family: var(--ugel-font-display);
  font-weight: var(--ugel-fw-heading);
  color: var(--ugel-ink);
  line-height: 1.25;
  margin: 0 0 0.5em;
}