ul.tags {
  display: inline-block;
  padding: 0;
}
ul.tags > li {
  display: inline-block;
  padding: 0;
}

ul.tags > li:not(:first-of-type)::before {
  content: ", ";
}

#page-title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 1rem 0;
}

#page-title a {
  text-decoration: none;
  color: var(--text);
}

body {
  --pagefind-ui-primary: var(--text);
  --pagefind-ui-text: var(--text);
  --pagefind-ui-background: var(--bg);
  --pagefind-ui-border: var(--border);
  --pagefind-ui-font: var(--sans-font);
  --pagefind-ui-tag: var(--border);
  --pagefind-ui-border-radius: var(--standard-border-radius);
}