.callout{border-radius:var(--radius);border-left:4px solid var(--color-border);background-color:var(--color-muted);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.callout[data-variant=info]{border-left-color:var(--color-projects)}.callout[data-variant=tip],.callout[data-variant=experiment]{border-left-color:var(--color-knowledge)}.callout[data-variant=warning]{border-left-color:var(--color-experience)}.callout[data-variant=caution]{border-left-color:var(--color-connect)}.callout-header{align-items:center;gap:.5rem;display:flex}.callout-icon{color:var(--color-foreground);flex-shrink:0;font-size:1.25rem}.callout[data-variant=info] .callout-icon{color:var(--color-projects)}.callout[data-variant=tip] .callout-icon,.callout[data-variant=experiment] .callout-icon{color:var(--color-knowledge)}.callout[data-variant=warning] .callout-icon{color:var(--color-experience)}.callout[data-variant=caution] .callout-icon{color:var(--color-connect)}.callout-title{color:var(--color-foreground);margin:0;font-size:1rem;font-weight:600}.callout-content{color:var(--color-foreground);text-align:left;padding-left:1.75rem}.callout-content>:first-child{margin-top:0}.callout-content>:last-child{margin-bottom:0}