/* Get page */
.dl-card {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 32px;
  padding: 2rem 2.2rem; border: 1px solid var(--line-strong); border-radius: calc(var(--radius) + 4px);
  background: linear-gradient(150deg, rgba(127,230,210,0.07), rgba(185,168,244,0.05) 60%, rgba(255,255,255,0.015));
}
.dl-card .soon { display: inline-block; vertical-align: middle; margin-left: 0.6rem; padding: 4px 12px; border-radius: 999px; font: 600 0.68rem/1.4 var(--sans); letter-spacing: 0.16em; text-transform: uppercase; color: var(--text); border: 1px solid var(--line, rgba(255,255,255,0.18)); background: rgba(185,168,244,0.12); }
.dl-card.has-link .soon { display: none; }
.dl-card h2 { margin: 0 0 0.3rem; font-size: 2rem; }
.dl-card p { margin: 0; max-width: 52ch; }
.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; }