: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);
  }
}

/* Match list item font and spacing to body paragraph style */
.body li {
  font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: var(--line-height-content, 1.5);
  margin-bottom: 0.5em;
}

/* Fix bullet alignment — replace theme's text-indent approach with absolute
   positioning so all lines of text align flush, not just the first. */
.body ul {
  padding-inline-start: 1.2em;
}

.body ul li {
  text-indent: 0;
  position: relative;
}

.body ul > li::before {
  position: absolute;
  inset-inline-start: -1.2em;
}