.contextual-tool-bridge {
  display: grid;
  gap: 0.7rem;
  margin: clamp(1.5rem, 4vw, 3rem) 0;
  padding: clamp(1.1rem, 3vw, 1.6rem);
  border: 1px solid color-mix(in srgb, var(--line, #d8d6cf) 84%, #b57b17 16%);
  border-radius: 1.2rem;
  background: color-mix(in srgb, var(--surface, #fff) 94%, #f4c15d 6%);
  box-shadow: 0 18px 42px rgba(35, 28, 16, 0.07);
}

.contextual-tool-bridge .v14-1-tool-label {
  margin: 0;
  color: #8a5b0a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.contextual-tool-bridge h2 {
  margin: 0;
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.08;
}

.contextual-tool-bridge p {
  max-width: 68ch;
  margin: 0;
  color: var(--muted, #5c5b57);
}

.contextual-tool-bridge .v14-1-tool-action {
  width: fit-content;
  margin-top: 0.2rem;
}

@media (prefers-color-scheme: dark) {
  .contextual-tool-bridge {
    box-shadow: none;
  }
}