/* The suggestions form (/suggest). */
.suggest-form { display: grid; gap: 1.1rem; }
.suggest-form .kinds { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0; padding: 0; border: 0; }
.suggest-form legend { margin-bottom: .5rem; font: 500 .72rem/1 var(--hud); letter-spacing: .2em; text-transform: uppercase; color: var(--cyan); }
.suggest-form .kinds label { position: relative; cursor: pointer; }
.suggest-form .kinds input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.suggest-form .kinds span { display: inline-block; padding: .55rem 1rem; font: 600 .78rem/1 var(--hud); letter-spacing: .1em; text-transform: uppercase;
  color: var(--muted); border: 1px solid var(--edge); background: var(--void); transform: skewX(-14deg); }
.suggest-form .kinds input:checked + span { color: var(--void); background: var(--cyan); border-color: var(--cyan); }
.suggest-form .kinds input:focus-visible + span { outline: 2px solid var(--cyan); outline-offset: 3px; }
.suggest-form .field { display: grid; gap: .4rem; font-size: .9rem; color: var(--muted); }
.suggest-form select { justify-self: start; max-width: 100%; }
.suggest-form textarea { font: inherit; color: var(--text); background: var(--void); border: 1px solid var(--edge); padding: .6rem .7rem; min-width: 0; resize: vertical; }
.suggest-form .count { justify-self: end; }
.suggest-form .check { display: flex; gap: .5rem; align-items: center; font-size: .9rem; }
.suggest-form .trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.suggest-form .row { margin-top: 0; }
.suggest-form > .small { margin: 0; }