.callout{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-inline-start:4px solid var(--secondary);border-radius:var(--radius-lg);background:var(--surface);margin:0}.callout--note{border-inline-start-color:var(--secondary);background:var(--secondary-soft)}.callout--tip{border-inline-start-color:var(--success);background:var(--success-soft)}.callout--warning{border-inline-start-color:var(--warning);background:var(--warning-soft)}.callout__icon{flex:none;width:1.5rem;height:1.5rem}.callout__icon svg{width:1.5rem;height:1.5rem}.callout--note .callout__icon{color:var(--secondary)}.callout--tip .callout__icon{color:var(--success)}.callout--warning .callout__icon{color:var(--warning)}.callout__content{font-size:var(--text-lg);flex:1;min-width:0}.callout__title{margin:0 0 var(--space-1);font-weight:700}.callout__body>:first-child{margin-top:0}.callout__body>:last-child{margin-bottom:0}.callout--quote{display:block;border:0;border-inline-start:4px solid var(--secondary);padding:var(--space-2)var(--space-5);font-style:italic;font-size:var(--text-lg);background:0 0;border-radius:0}.callout__attribution{margin-top:var(--space-2);font-family:var(--font-body,inherit);font-style:normal;font-size:var(--text-sm);color:var(--ink-muted)}.callout__attribution:before{content:"— "}