.ui-callout{--callout-tone:var(--accent-text);align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-subtle);color:var(--text-primary);border-inline-start:2px solid var(--callout-tone);border-radius:var(--radius-md);max-width:var(--measure);display:flex}.ui-callout[data-tone=success]{--callout-tone:var(--success-text);background:var(--success-subtle);color:var(--text-primary)}.ui-callout[data-tone=hint]{--callout-tone:var(--brand-text);background:var(--brand-soft);color:var(--text-primary)}.ui-callout[data-tone=caution]{--callout-tone:var(--warn-text);background:var(--warn-subtle);color:var(--text-primary)}.ui-callout__glyph{color:var(--callout-tone);flex:none;font-size:1.15em;line-height:1.4}.ui-callout__body{min-width:0}.ui-callout__title{color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.02em;display:block}.ui-callout__text{color:var(--text-primary);font-size:var(--text-base)}.ui-callout__text>:last-child{margin-bottom:0}