/* App/module registry list. */

.registry-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.registry-card {
  background: var(--card);
  border: var(--border-width) solid var(--ink);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  box-shadow: var(--shadow-brutal-sm);
  transition: transform var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast);
}

.registry-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.registry-card-link:hover,
.registry-card-link:focus-visible {
  border-color: var(--accent);
  background: var(--card-2);
  transform: translate(calc(var(--press-offset) * -1), calc(var(--press-offset) * -1));
  box-shadow: var(--shadow-brutal);
  outline: none;
}

.registry-card-link:active {
  transform: translate(var(--press-offset), var(--press-offset));
  box-shadow: none;
}

.registry-card-title {
  font-weight: 600;
  font-size: 15px;
  color: var(--text);
  font-family: var(--font-mono);
}

.registry-card-desc {
  font-size: 13px;
  color: var(--text-secondary);
  margin-top: 4px;
}

.registry-card-meta {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 4px;
}

.registry-card-open {
  color: var(--accent);
  font-weight: 600;
  margin-top: 8px;
}