:root {
  --color-primary: #4a6fa5;
  --color-primary-hover: #3a5a8a;
  --color-border: #7a9cc0;
  --font-size-base: 17px;
}

.list-item .title a {
  border-block-end: none;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--color-primary);
}

@media (prefers-color-scheme: dark) {
  .list-item .title a {
    text-decoration-color: var(--color-primary-dark);
  }
}