/* Get page */
/* the download block: plain words until js/get.js is given a link (it adds .has-link to #dl-card) */
#dl-card .soon { margin: 0 0 0.5rem; font-family: var(--serif); font-size: 1.3rem; color: var(--text); }
#dl-card.has-link .soon { display: none; }
#dl-card #dl-btn { margin-top: 0.4rem; }
.keys-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 1rem; }
input[type="search"] {
  flex: 1 1 280px; max-width: 460px; padding: 12px 18px; border-radius: 999px; border: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.035); color: var(--text); font: 300 1rem var(--sans); -webkit-appearance: none; appearance: none;
  transition: border-color 0.5s var(--ease), background 0.5s var(--ease);
}
input[type="search"]::placeholder { color: var(--faint); }
input[type="search"]:hover { border-color: rgba(255,255,255,0.28); }
input[type="search"]:focus-visible { border-color: var(--teal); background: rgba(127,230,210,0.05); outline-offset: 3px; border-radius: 999px; }
#keys-table td:first-child { white-space: normal; min-width: 8.5rem; }
#keys-table td kbd + kbd, #keys-table td kbd { margin: 2px 2px; }
#keys-table tr[hidden] { display: none; }