.bokah-callout{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border-inline-start:3px solid var(--callout-accent,var(--border-strong));background:var(--surface-raised)}.bokah-callout[data-tone=success]{--callout-accent:var(--color-signal)}.bokah-callout[data-tone=fault]{--callout-accent:var(--color-fault)}.bokah-callout__icon{flex-shrink:0;inline-size:var(--space-4);block-size:var(--space-4);margin-block-start:2px;color:var(--callout-accent,var(--text-muted))}.bokah-callout__icon svg{inline-size:100%;block-size:100%}.bokah-callout__body{display:grid;gap:var(--space-1)}.bokah-callout__title{margin:0;font-size:var(--type-base);font-weight:500;text-transform:uppercase;line-height:var(--leading-sub);color:var(--text)}.bokah-callout__content{font-size:var(--type-base);line-height:1.6;color:var(--text-muted);max-inline-size:68ch;text-wrap:pretty}