.tool-cta {
    background: var(--paper-warm);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--s4) var(--s5);
    margin: var(--s5) 0;
    display: flex;
    align-items: center;
    gap: var(--s4);
    flex-wrap: wrap;
  }
  .tool-cta .tool-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
    line-height: 1;
  }
  .tool-cta .tool-text {
    flex: 1;
    min-width: 200px;
  }
  .tool-cta .tool-title {
    font-weight: 600;
    font-size: 0.9375rem;
    margin-bottom: var(--s1);
    color: var(--ink);
  }
  .tool-cta .tool-desc {
    font-size: 0.875rem;
    color: var(--ink-muted);
    line-height: 1.55;
  }
  .tool-cta .tool-link {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--build);
    text-decoration: none;
    white-space: nowrap;
  }
  .tool-cta .tool-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.12em;
  }
  @media (max-width: 640px) {
  .tool-cta {
    align-items: flex-start;
  }

  .tool-cta .tool-link {
    width: 100%;
  }
}