/* Styles for what forms.js adds: the pickup suggestion list and the hints. */
label:has(> .suggest) { position: relative; }
.suggest {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 4;
  margin: 0; padding: 0; list-style: none;
  max-height: 16rem; overflow-y: auto;
  background: var(--night); border: 1px solid var(--champagne); border-top: 0;
  box-shadow: 0 24px 48px rgba(0, 0, 0, .5);
}
.suggest li {
  display: grid; gap: .1rem; padding: .7rem .85rem; cursor: pointer;
  border-top: 1px solid var(--line);
  font-size: var(--s0); letter-spacing: normal; text-transform: none; color: var(--cream);
}
.suggest li:first-child { border-top: 0; }
.suggest li b { font-weight: 400; }
.suggest li small { font-size: var(--s-1); color: var(--muted); }
.suggest li:hover, .suggest li.on { background: var(--wine-2); }
.form-hint { color: var(--coral); margin-top: .9rem; }