.guide-callout{margin:24px 0;padding:16px;border:1px solid;border-radius:12px;color:#4a5565}.guide-callout__title{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:.875rem;font-weight:600;line-height:1.43;color:#101828}.guide-callout__icon{width:18px;height:18px;flex-shrink:0}.guide-callout__body{line-height:1.75}.guide-callout__body>:first-child{margin-top:0}.guide-callout__body>:last-child{margin-bottom:0}.guide-callout--note{background:#eef2ff;border-color:#e0e7ff}.guide-callout--note .guide-callout__icon{color:#6366f1}.guide-callout--tip{background:#f0fdf4;border-color:#dcfce7}.guide-callout--tip .guide-callout__icon{color:#00c65a;color:oklch(72.3% .219 149.579)}.guide-callout--warning{background:#fffbeb;border-color:#fef3c7}.guide-callout--warning .guide-callout__icon{color:#f59e0b}