.docs-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: var(--color-ink-900);
  padding: clamp(22px, 4vw, 38px);
}

.docs-callout h3 { margin: 0; font-size: clamp(22px, 3vw, 30px); font-weight: 600; letter-spacing: -.02em; }
.docs-callout p { max-width: 62ch; margin: 10px 0 0; color: var(--color-muted); }
.docs-callout__eyebrow { margin: 0 0 10px !important; color: var(--color-accent) !important; font-family: var(--font-mono); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.docs-callout .hero__jump { flex: 0 0 auto; }

@media (max-width: 700px) {
  .docs-callout { align-items: flex-start; flex-direction: column; gap: 8px; }
  .docs-callout .hero__jump { margin-top: 18px; }
}