.c-callout{--callout-hue:var(--border-strong);margin-block:var(--sp-5);padding:13px var(--sp-4);border:var(--bw-structure) solid var(--border-subtle);border-left:var(--bw-kind) solid var(--callout-hue);background:var(--bg-raised);color:var(--text-primary);grid-template-columns:auto 1fr;align-items:start;gap:3px 11px;display:grid}.c-callout[data-kind=tip]{--callout-hue:var(--accent-brass)}.c-callout[data-kind=version]{--callout-hue:var(--accent-brass);border-left-style:dashed}.c-callout[data-kind=warning],.c-callout[data-kind=danger]{--callout-hue:var(--accent-cinnabar)}.c-callout__icon{width:18px;height:18px;color:var(--callout-hue);grid-row:1/span 3;margin-top:2px}.c-callout[data-kind=note] .c-callout__icon{color:var(--text-secondary)}.c-callout__label{font:var(--fw-semibold) var(--fs-caption) var(--font-ui);color:var(--callout-hue);grid-column:2;margin:0}.c-callout[data-kind=note] .c-callout__label{color:var(--text-primary)}.c-callout__meta{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-muted);grid-column:2;margin:0}.c-callout__body{font-family:var(--font-prose);font-size:var(--fs-ui);color:var(--text-secondary);grid-column:2;line-height:1.5}.c-callout__body>:first-child{margin-top:0}.c-callout__body>:last-child{margin-bottom:0}.c-callout__body>p+p{margin-top:var(--sp-3)}@media print{.c-callout{background:0 0}}