Offset Underlines from Descenders

Use text-underline-offset to push underlines below descenders so they look intentional.

Incorrect (underline collides with descenders):

a { text-decoration: underline; }

Correct (offset underline):

a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-skip-ink: auto;
}