
.directory-results-grid {
  gap: 14px;
}

.directory-tool-card {
  padding: 12px;
  border-radius: 18px;
}

.directory-tool-card-frame {
  gap: 9px;
}

.directory-tool-title {
  font-size: clamp(1.16rem, 1.25vw, 1.38rem);
  line-height: 1.06;
}

.directory-tool-card .tool-card-summary {
  color: rgba(216, 220, 223, 0.82);
  font-size: 0.88rem;
  line-height: 1.42;
  -webkit-line-clamp: 2;
}

.directory-tool-meta-row {
  gap: 5px;
}

.directory-tool-meta-row span {
  min-height: 24px;
  padding: 0 7px;
  gap: 4px;
  font-size: 0.65rem;
  line-height: 1;
}

.directory-tool-meta-row strong {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tool-proof-card--archive-preview {
  margin: 2px 0 0;
}

.tool-proof-card--archive-preview .tool-proof-surface {
  min-height: 128px;
  border-radius: 14px;
}

.tool-proof-card--archive-preview .tool-proof-overlay {
  align-content: start;
  gap: 0;
  padding: 10px;
  background:
    linear-gradient(180deg, rgba(3, 6, 11, 0.34), rgba(3, 6, 11, 0.08) 44%, rgba(3, 6, 11, 0.68));
}

.tool-proof-card--archive-preview .tool-proof-body {
  display: none;
}

.tool-proof-card--archive-preview .tool-proof-logo,
.tool-proof-card--archive-preview .tool-proof-monogram {
  width: 30px;
  height: 30px;
  border-radius: 10px;
}

.tool-proof-card--archive-preview .tool-proof-brand {
  gap: 8px;
}

.tool-proof-card--archive-preview .tool-proof-label {
  font-size: 0.56rem;
}

.tool-proof-card--archive-preview .tool-proof-vendor {
  font-size: 0.8rem;
}

.tool-proof-card--archive-preview .tool-proof-verified {
  min-height: 24px;
  padding-inline: 8px;
  font-size: 0.6rem;
}

.directory-tool-card .badges {
  gap: 5px;
}

.directory-tool-card .badge {
  min-height: 24px;
  padding-inline: 8px;
  font-size: 0.64rem;
}

.directory-tool-card .article-card-footer {
  gap: 7px;
}

.directory-tool-card .article-card-footer .button {
  min-height: 36px;
  border-radius: 10px;
  font-size: 0.72rem;
}
