.callout{margin:2em 0;padding:1em 1.25em;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:.95em}.callout-label{display:inline-block;margin-right:.5em;font-weight:700;letter-spacing:.05em;color:var(--accent)}.callout p{display:inline;margin:0}.callout p+p{display:block;margin-top:.75em}.callout-warning{--callout-color:#f0a05a;border-left-color:var(--callout-color);background:color-mix(in srgb,var(--callout-color) 10%,transparent)}.callout-warning .callout-label{color:var(--callout-color)}.callout-tip{--callout-color:#5af0a0;border-left-color:var(--callout-color);background:color-mix(in srgb,var(--callout-color) 10%,transparent)}.callout-tip .callout-label{color:var(--callout-color)}