.signal-grid > a {
  position: relative;
  min-height: 122px;
  padding: 20px;
  border-right: 1px solid var(--line);
  color: inherit;
  transition: background .2s ease, transform .2s ease;
}

.signal-grid > a:last-child { border-right: 0; }
.signal-grid > a:hover { background: #0d171e; transform: translateY(-3px); }
.signal-grid > a span { font: 11px monospace; color: #5e6d7b; }
.signal-grid > a b,
.signal-grid > a small { display: block; }
.signal-grid > a b { margin-top: 8px; font-size: .9rem; }
.signal-grid > a small { color: var(--muted); font-size: .74rem; }
.signal-grid > a em { position: absolute; right: 18px; bottom: 15px; color: var(--cyan); font: 700 .65rem monospace; font-style: normal; opacity: 0; transform: translateX(-6px); transition: .2s ease; }
.signal-grid > a:hover em,
.signal-grid > a:focus-visible em { opacity: 1; transform: none; }
.signal-grid > a:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }

@media (max-width: 760px) {
  .signal-grid > a { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .signal-grid > a:nth-child(2n) { border-right: 0; }
}
