/* === Search field === */

/* At most 20 letters, so it does not want the 15cm the theme gives a text input. */
#wgs-input {
    width: 22ch;
    font-family: "Roboto Mono", monospace;
    text-transform: lowercase;
}

#wgs-form,
#wgs-form ul.actions {
    text-align: center;
    justify-content: center;
}

/* === Results === */

#wgs-output p,
#wgs-output h3 {
    text-align: center;
}

/* Fixed-width cells rather than a flowing list: columns that line up are what makes a
   few hundred monospace words scannable. */
#wgs-output ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, 3cm);
    justify-content: center;
    gap: 0.1cm;
    margin: 0 auto 0.5cm auto;
    padding: 0;
    list-style: none;
}

#wgs-output ul li {
    padding: 0;
    margin: 0;
    font-family: "Roboto Mono", monospace;
    color: #444444;
}

/* === Busy state === */

/* Set on the body while a search is in flight. The controls are disabled at the same
   time, so the cursor is the only thing left that can say the page is busy. */
.wait,
.wait * {
    cursor: wait !important;
}