/* Only the new tool card extends the established document-library styles. */
.delta-qr-tool-card .delta-qr-tool-cover {
  gap: 24px;
  align-content: center;
  background: #e5e9dc;
}

.delta-qr-tool-card .delta-qr-tool-cover::before {
  display: none;
}

.delta-qr-tool-card .delta-qr-tool-art {
  position: relative;
  display: block;
  width: min(74%, 280px);
  height: auto;
  color: #173f2a;
  stroke: none;
  filter: drop-shadow(0 18px 22px rgba(23, 63, 42, 0.1));
  transform: rotate(-3deg);
  transition: transform 0.35s ease;
}

.delta-qr-tool-card .delta-qr-tool-cover:hover .delta-qr-tool-art,
.delta-qr-tool-card .delta-qr-tool-cover:focus-visible .delta-qr-tool-art {
  transform: rotate(0deg) translateY(-4px);
}

.delta-qr-tool-card .card-badge {
  border-color: rgba(23, 63, 42, 0.18);
  background: #f7f5ed;
  color: #173f2a;
  backdrop-filter: none;
}

.delta-qr-tool-card .delta-qr-tool-formats {
  color: #496447;
  font: 500 10px/1 'DM Mono', monospace;
  letter-spacing: 0.2em;
}

.delta-qr-tool-card .delta-qr-tool-formats > span {
  margin-inline: 10px;
  color: #93a08a;
}

@media (prefers-reduced-motion: reduce) {
  .delta-qr-tool-card .delta-qr-tool-art {
    transition: none;
  }
}