.callout{--callout-rule:var(--accent-quiet);--callout-label:var(--accent-quiet);gap:var(--space-xs);margin-block:var(--space-lg);padding-block:var(--space-md);border-inline-start:2px solid var(--callout-rule);max-inline-size:var(--measure-wide);padding-inline-start:var(--space-md);display:grid}.callout[data-tone=caution]{--callout-rule:var(--signal);--callout-label:var(--signal)}.callout-label{color:var(--callout-label)}.callout-body{font-size:var(--text-sm);color:var(--text-soft);line-height:1.62}.callout-body>*+*{margin-block-start:.8em}.callout-body strong{color:var(--text);font-weight:550}