:root{--callout-border-w:4px;--callout-radius:8px;--callout-pad-y:0.75rem;--callout-pad-x:1rem;--callout-tint:0.09;--callout-accent:var(--primary)}.callout{--callout-accent:#3b82f6;position:relative;margin:1.25rem 0;padding:var(--callout-pad-y)var(--callout-pad-x);border:1px solid var(--border);border-left:var(--callout-border-w)solid var(--callout-accent);border-radius:var(--callout-radius);background:color-mix(in srgb,var(--callout-accent) var(--callout-tint),transparent);color:var(--primary)}.callout>.callout-head{display:flex;align-items:center;gap:.55rem;margin:0;padding:0;list-style:none;font-weight:700;color:var(--callout-accent);line-height:1.3}.callout>.callout-head::-webkit-details-marker{display:none}.callout .callout-icon{flex:none;width:1.1em;height:1.1em}.callout .callout-title{color:inherit;text-transform:none}.callout.callout-foldable>.callout-head{cursor:pointer;user-select:none}.callout.callout-foldable>.callout-head::after{content:"⌄";margin-left:auto;opacity:.6;transition:transform .15s ease}.callout.callout-foldable[open]>.callout-head::after{content:"⌃"}.callout>.callout-body{margin-block:.4rem 0}.callout>.callout-body>:first-child{margin-top:0}.callout>.callout-body>:last-child{margin-bottom:0}.callout>.callout-body>blockquote{border-left-color:color-mix(in srgb,var(--callout-accent) 55%,var(--border))}.callout-note{--callout-accent:#3b82f6}.callout-abstract,.callout-summary,.callout-tldr{--callout-accent:#0ea5e9}.callout-info{--callout-accent:#0ea5e9}.callout-todo,.callout-task{--callout-accent:#8b5cf6}.callout-tip,.callout-hint,.callout-idea{--callout-accent:#16a34a}.callout-important{--callout-accent:#e11d48}.callout-notify{--callout-accent:#f59e0b}.callout-success,.callout-check,.callout-done,.callout-goal{--callout-accent:#16a34a}.callout-question,.callout-help,.callout-faq{--callout-accent:#0891b2}.callout-warning,.callout-attention{--callout-accent:#f59e0b}.callout-caution{--callout-accent:#ea580c}.callout-danger,.callout-error{--callout-accent:#dc2626}.callout-failure,.callout-fail,.callout-missing{--callout-accent:#ef4444}.callout-bug{--callout-accent:#db2777}.callout-example,.callout-experiment{--callout-accent:#7c3aed}.callout-code{--callout-accent:#6b7280}.callout-quote,.callout-cite{--callout-accent:#64748b}.callout-conclusion{--callout-accent:#0891b2}.callout-memo{--callout-accent:#0ea5e9}html[data-theme=dark]{--callout-tint:0.14}html[data-theme=dark] .callout-note{--callout-accent:#60a5fa}html[data-theme=dark] .callout-abstract,html[data-theme=dark] .callout-summary,html[data-theme=dark] .callout-tldr{--callout-accent:#38bdf8}html[data-theme=dark] .callout-info{--callout-accent:#38bdf8}html[data-theme=dark] .callout-todo,html[data-theme=dark] .callout-task{--callout-accent:#a78bfa}html[data-theme=dark] .callout-tip,html[data-theme=dark] .callout-hint,html[data-theme=dark] .callout-idea{--callout-accent:#4ade80}html[data-theme=dark] .callout-important{--callout-accent:#fb7185}html[data-theme=dark] .callout-notify{--callout-accent:#fbbf24}html[data-theme=dark] .callout-success,html[data-theme=dark] .callout-check,html[data-theme=dark] .callout-done,html[data-theme=dark] .callout-goal{--callout-accent:#4ade80}html[data-theme=dark] .callout-question,html[data-theme=dark] .callout-help,html[data-theme=dark] .callout-faq{--callout-accent:#38bdf8}html[data-theme=dark] .callout-warning,html[data-theme=dark] .callout-attention{--callout-accent:#fbbf24}html[data-theme=dark] .callout-caution{--callout-accent:#fb923c}html[data-theme=dark] .callout-danger,html[data-theme=dark] .callout-error{--callout-accent:#f87171}html[data-theme=dark] .callout-failure,html[data-theme=dark] .callout-fail,html[data-theme=dark] .callout-missing{--callout-accent:#fca5a5}html[data-theme=dark] .callout-bug{--callout-accent:#f472b6}html[data-theme=dark] .callout-example,html[data-theme=dark] .callout-experiment{--callout-accent:#a78bfa}html[data-theme=dark] .callout-code{--callout-accent:#94a3b8}html[data-theme=dark] .callout-quote,html[data-theme=dark] .callout-cite{--callout-accent:#94a3b8}html[data-theme=dark] .callout-conclusion{--callout-accent:#38bdf8}html[data-theme=dark] .callout-memo{--callout-accent:#38bdf8}