.doc-callout{border-radius:var(--radius-lg,12px);display:flex;gap:var(--spacing-md,16px);margin:var(--spacing-lg,24px) 0;padding:var(--spacing-lg,24px)}.doc-callout-icon{display:flex;flex-shrink:0;justify-content:center}.doc-callout-icon .material-icons-round{font-size:24px}.doc-callout-content{flex:1;min-width:0}.doc-callout-title{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-semibold,600);line-height:var(--line-height-snug,1.25);margin:0 0 var(--spacing-xs,4px)}.doc-callout-text{font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-relaxed,1.625);margin:0}.doc-callout-text:last-child{margin-bottom:0}.doc-callout-info{background:rgba(59,130,246,.08)}.doc-callout-info .doc-callout-icon .material-icons-round{color:var(--color-info,#3b82f6)}.doc-callout-info .doc-callout-title{color:#1e40af}.doc-callout-info .doc-callout-text{color:#1e3a5f}.doc-callout-warning{background:rgba(245,158,11,.08)}.doc-callout-warning .doc-callout-icon .material-icons-round{color:var(--color-warning,#f59e0b)}.doc-callout-warning .doc-callout-title{color:#92400e}.doc-callout-warning .doc-callout-text{color:#78350f}.doc-callout-success{background:rgba(16,185,129,.08)}.doc-callout-success .doc-callout-icon .material-icons-round{color:var(--color-success,#10b981)}.doc-callout-success .doc-callout-title{color:#065f46}.doc-callout-success .doc-callout-text{color:#064e3b}.doc-callout-danger{background:rgba(239,68,68,.08)}.doc-callout-danger .doc-callout-icon .material-icons-round{color:var(--color-danger,#ef4444)}.doc-callout-danger .doc-callout-title{color:#991b1b}.doc-callout-danger .doc-callout-text{color:#7f1d1d}@media(max-width:480px){.doc-callout{padding:var(--spacing-md,16px)}.doc-callout-icon .material-icons-round{font-size:20px}}