.text-balance {
  text-wrap: balance;
}

.bg-grid-soft {
  background-image:
    linear-gradient(to right, rgba(0, 73, 171, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 73, 171, 0.06) 1px, transparent 1px);
  background-size: 22px 22px;
}

.shadow-soft {
  box-shadow: var(--shadow);
}

/* Improves readability for smaller utility text sizes across the project. */
.text-sm {
  font-size: 1rem !important;
  line-height: 1.6rem !important;
}

.text-xs {
  font-size: 0.9rem !important;
  line-height: 1.35rem !important;
}