body {
  letter-spacing: 0.01em;
}

main {
  padding-bottom: 0;
}

/*
  @todo:
  This section can be removed when we have this issue solved:
  https://github.com/localgovdrupal/localgov_base/issues/525
*/
a:not([class*="toolbar"]):focus {
  text-decoration: none;
  color: var(--color-black);
  outline: none;
  background-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 0 0 0 0;
}

a:not([class*="toolbar"]):focus-visible {
  outline: 3px solid transparent;
  background-color: var(--color-focus);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
}
/* @todo: ends */

a {
  text-decoration: none;
  border-bottom: solid 1px var(--color-accent);
}
a:hover {
  border-bottom-width: 3px;
}
a:focus-visible {
  border-bottom: none;
}

a > u {
  text-decoration: none;
}

thead th {
  background-color: var(--color-accent);
  color: var(--color-white);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  line-height: var(--line-height-small);
}