.ide-callout{padding:56px 0}.ide-callout-dense{padding:32px 0}.ide-callout-card{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:40px;align-items:center;padding:32px 36px;background:linear-gradient(135deg,var(--gray-50),var(--white) 60%);border:1px solid var(--gray-200);border-radius:var(--radius-3xl);max-width:1180px;margin:0 auto}@media (max-width: 760px){.ide-callout-card{grid-template-columns:1fr;gap:24px;padding:24px}}.ide-callout-copy{display:flex;flex-direction:column;gap:8px}.ide-callout-copy h3{font-size:24px;line-height:1.15;letter-spacing:-.02em;font-weight:600;color:var(--gray-950);margin:0}.ide-callout-copy p{font-size:14px;line-height:1.55;color:var(--gray-700);margin:0}.ide-callout-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}@media (max-width: 480px){.ide-callout-chips{grid-template-columns:1fr 1fr}}.ide-callout-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.ide-callout-chip:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ide-callout-mark{width:28px;height:28px;border-radius:var(--radius-md);background:var(--ide-color, var(--gray-900));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:600;flex-shrink:0}.ide-callout-mark-more{background:var(--gray-100);color:var(--gray-700);font-family:var(--font-mono);font-size:11px}.ide-callout-name{font-size:13px;font-weight:600;color:var(--gray-950);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-callout-chip-more .ide-callout-name{color:var(--brand-700)}[data-theme=dark] .ide-callout-card{background:linear-gradient(135deg,var(--white),var(--gray-25) 60%)}