ul li {
  list-style-type: circle;
}

ul li.checked {
  font-style: italic;
  list-style-type: "✔";
  text-decoration: line-through;
}

details summary::after {
  display: inline-block;
}

h2.collapsed,h3.collapsed {
  display: none;
}

summary span.category, tr.recipe th.title {
  font-weight: bold;
}

tr.recipe td.source {
  font-style: italic;
  font-weight: lighter;
}

div.metadata, div.grid {
  display: grid;

  @media (min-width: 0px) {
    grid-template-columns: 1fr;
  }

  @media (min-width: 576px) {
    grid-template-columns: 1fr 1fr;
  }

  @media (min-width: 768px) {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

details.filters span a:link, table a:link {
  text-decoration: none;
}

details.filters tr.recipe td span.tag {
  padding: 12px 0;
}

details.filters span a, tr.recipe td span.tag a, div.metadata span.tag {
  display: inline-block;
  background-color: var(--pico-primary-border);
  color: var(--pico-muted-border-color);
  padding: 0 12px;
  margin: 0 5px 3px 0;
  font-size: 13px;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
  border-radius: 32px;
}

span.source span.book, span.source span.author {
  font-style: italic;
}