.callout{display:flex;gap:.625rem;border-radius:8px;border:1px solid;padding:.875rem 1rem;margin:1.25rem 0;font-size:.875rem}.callout-icon{flex-shrink:0;margin-top:1px;color:#374151}html[data-theme=dark] .callout-icon{color:#ffffff9e}.callout-title{margin:0 0 4px;font-size:.875rem;font-weight:600}.callout-info{border-color:#1434cb2e;background:#eff6ff}.callout-warning{border-color:#f5d998;background:#fbf1da}.callout-danger{border-color:#ef44442e;background:#fef2f2}.callout-tip{border-color:#40996b4d;background:#40996b1a}.callout-warning .callout-icon{color:#c38004}.callout-info .callout-title{color:#1e3a8a}.callout-warning .callout-title{font-weight:700;color:#875903}.callout-danger .callout-title{color:#991b1b}.callout-tip .callout-title{color:#2c6849}.callout.callout-info .callout-body{color:#1e40af}.callout.callout-warning .callout-body{color:#875903}.callout.callout-danger .callout-body{color:#991b1b}.callout.callout-tip .callout-body{color:#40996b}.callout.callout-info .callout-body p{color:#1e40af}.callout.callout-warning .callout-body p{color:#875903}.callout.callout-danger .callout-body p{color:#991b1b}.callout.callout-tip .callout-body p{color:#40996b}html[data-theme=dark] .callout-info .callout-title{color:#c7edff}html[data-theme=dark] .callout-warning .callout-title{color:#fee8be}html[data-theme=dark] .callout-warning .callout-icon{color:#f7c33d}html[data-theme=dark] .callout-danger .callout-title{color:#ff8a8a}html[data-theme=dark] .callout-tip .callout-title{color:#6ee7b7}html[data-theme=dark] .callout.callout-info .callout-body{color:#babdce}html[data-theme=dark] .callout.callout-warning .callout-body{color:#fee8be}html[data-theme=dark] .callout.callout-danger .callout-body{color:#ff8a8a}html[data-theme=dark] .callout.callout-tip .callout-body{color:#6ee7b7}html[data-theme=dark] .callout.callout-info .callout-body p{color:#babdce}html[data-theme=dark] .callout.callout-warning .callout-body p{color:#fee8be}html[data-theme=dark] .callout.callout-danger .callout-body p{color:#ff8a8a}html[data-theme=dark] .callout.callout-tip .callout-body p{color:#6ee7b7}.callout-body{min-width:0}.callout-body p:last-child{margin-bottom:0}.callout-body a{color:var(--color-primary-dark, color-mix(in srgb, var(--color-primary), black 18%))}html[data-theme=dark] .callout-body a{color:var(--color-primary-on-dark)}