.callout{--tn:var(--accent);--tn-h:var(--accent);--tn-a:var(--accent);--tn-s:var(--accent-soft);--tn-m:var(--accent-soft);--tn-e:var(--color-accent-text,var(--accent));--tn-b:var(--accent);--tn-on:var(--on-accent);--tn-g:transparent;border-radius:var(--r-lg);background:var(--tn-s);box-shadow:none;border:none;align-items:flex-start;gap:10px;min-width:0;padding:11px 13px;font-size:12.5px;line-height:1.55;display:flex}.callout-i{border-radius:var(--r-md);background:color-mix(in oklab, var(--tn) 16%, transparent);width:22px;height:22px;color:var(--tn-e);flex:none;place-items:center;margin-top:1px;display:grid}.callout-b{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.callout-b>b{font-family:var(--ui);color:var(--fg);letter-spacing:-.008em;font-size:12.5px;font-weight:600;line-height:1.35}.callout-b>p{color:var(--fg-2);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.55}.callout-a{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.callout-x{border-radius:var(--r-sm);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--fg-dim);opacity:.72;cursor:pointer;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;margin:-2px -4px 0 0;display:grid}.callout-x:hover{background:color-mix(in oklab, var(--tn) 14%, transparent);color:var(--fg);opacity:1}.callout-x:focus-visible{opacity:1;box-shadow:0 0 0 2px var(--bg-1), 0 0 0 4px var(--accent-soft,var(--accent));outline:none}