/* Suggestions belong to the prompt, with room beneath it in the transcript. */
.command-suggestions {
  position: absolute;
  z-index: 5;
  width: max-content;
  max-width: 100%;
  max-height: 7rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 0.2rem 0;
  list-style: none;
  background: #191920;
  color: var(--cream);
  border: 1px solid var(--leaf);
  box-shadow: 0 0.4rem 1rem #0005;
  font-size: 0.875rem;
  line-height: 1.5;
}
.command-suggestions[hidden] { display: none; }
.command-suggestions [role="option"] {
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.command-suggestions [role="option"]:hover { background: var(--line); }
.command-suggestions [aria-selected="true"] { background: var(--leaf); color: var(--bg); }
.command-suggestions strong { font-weight: 600; }
@media (max-width: 38rem), (max-height: 30rem) {
  .entry .term-input {
    border: 1px solid var(--dim);
    padding: 0.35rem 0.45rem;
    min-height: 2.75rem;
    font-size: 1rem;
  }
  .command-suggestions { max-height: 8.75rem; }
  .command-suggestions [role="option"] { min-height: 2.75rem; padding: 0.65rem; }
}
@media (forced-colors: active) {
  .command-suggestions, .entry .term-input { border-color: CanvasText; }
  .command-suggestions [aria-selected="true"] { outline: 2px solid Highlight; outline-offset: -2px; }
}