.callout{--c-accent:#66d9e8;--c-bg:rgba(102, 217, 232, 0.06);--c-bd:rgba(102, 217, 232, 0.22);--c-hdr:rgba(102, 217, 232, 0.09);border:1px solid var(--c-bd);border-radius:6px;overflow:hidden;margin:0 0 22px}.callout--note{--c-accent:#66d9e8;--c-bg:rgba(102, 217, 232, 0.06);--c-bd:rgba(102, 217, 232, 0.22);--c-hdr:rgba(102, 217, 232, 0.09)}.callout--warning{--c-accent:#e6db74;--c-bg:rgba(230, 219, 116, 0.06);--c-bd:rgba(230, 219, 116, 0.22);--c-hdr:rgba(230, 219, 116, 0.09)}.callout--caution{--c-accent:#f92672;--c-bg:rgba(249, 38, 114, 0.06);--c-bd:rgba(249, 38, 114, 0.22);--c-hdr:rgba(249, 38, 114, 0.09)}.callout--tip{--c-accent:#a6e22e;--c-bg:rgba(166, 226, 46, 0.06);--c-bd:rgba(166, 226, 46, 0.22);--c-hdr:rgba(166, 226, 46, 0.09)}.callout--important{--c-accent:#ae81ff;--c-bg:rgba(174, 129, 255, 0.06);--c-bd:rgba(174, 129, 255, 0.22);--c-hdr:rgba(174, 129, 255, 0.09)}.callout--danger{--c-accent:#fd971f;--c-bg:rgba(253, 151, 31, 0.06);--c-bd:rgba(253, 151, 31, 0.22);--c-hdr:rgba(253, 151, 31, 0.09)}.callout__header{display:flex;align-items:center;gap:8px;background:var(--c-hdr);border-bottom:1px solid var(--c-bd);padding:8px 14px}.callout__header svg{width:13px;height:13px;color:var(--c-accent);flex-shrink:0}.callout__label{font-family:jetbrains mono,geist mono,monospace;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent)}.callout__body{padding:12px 14px;background:var(--c-bg);font-size:14px;line-height:1.75;color:#c5c0a8}.callout__body p+p{margin-top:10px}.callout__body p{margin:0}.callout__body a{color:var(--c-accent);text-decoration:underline;opacity:.85}.callout__body a:hover{opacity:1}.callout__body strong{color:#f8f8f2}.callout__body em{color:#c5c0a8}.callout__body code{font-family:jetbrains mono,geist mono,monospace;font-size:12.5px;color:#fd971f;background:rgba(253,151,31,.1);border:1px solid rgba(253,151,31,.15);border-radius:3px;padding:1px 5px}