:root { --spacing: 0.7rem; }
body { padding-bottom: 4rem; }
nav a { text-decoration: none; }

.muted { color: var(--pico-muted-color); }
.count {
  font-size: .75em; background: var(--pico-secondary-background);
  color: var(--pico-secondary-inverse); border-radius: 1rem; padding: 0 .5rem; margin-left: .25rem;
}
.tag {
  display: inline-block; font-size: .72rem; text-transform: uppercase; letter-spacing: .03em;
  background: var(--pico-secondary-background); color: var(--pico-secondary-inverse);
  padding: .05rem .4rem; border-radius: .3rem;
}
.tag.muted { background: transparent; color: var(--pico-muted-color); border: 1px solid var(--pico-muted-border-color); }

ul.hits { list-style: none; padding: 0; margin: .3rem 0; }
ul.hits li { padding: .35rem 0; border-bottom: 1px solid var(--pico-muted-border-color); }
ul.hits li:last-child { border-bottom: none; }
ul.hits small { color: var(--pico-muted-color); }

dl.facts { display: grid; grid-template-columns: auto 1fr; gap: .2rem .8rem; margin: 0; }
dl.facts dt { font-weight: 600; color: var(--pico-muted-color); }
dl.facts dd { margin: 0; }

form.inline-add { display: flex; gap: .4rem; align-items: end; margin-top: .6rem; }
form.inline-add input { margin: 0; }
form.inline-add select { margin: 0; width: auto; }
form.inline-add button { margin: 0; white-space: nowrap; }

.picker { margin-top: .3rem; }
ul.picker-list { list-style: none; padding: 0; margin: .2rem 0; display: flex; flex-wrap: wrap; gap: .3rem; }
ul.picker-list form { margin: 0; }
button.pick { margin: 0; padding: .2rem .6rem; font-size: .85rem; }
button.remove { margin: 0; padding: .1rem .5rem; }

.table-wrap { overflow-x: auto; }
table td { vertical-align: top; }

.error-banner {
  background: var(--pico-del-color, #b3261e); color: #fff;
  padding: .5rem .75rem; border-radius: .4rem; margin-bottom: .75rem;
}
.saved-hint { display: none; }