diff --git a/src/dragonglass/style.py b/src/dragonglass/style.py
index 1286584..3ad9704 100644
--- a/src/dragonglass/style.py
+++ b/src/dragonglass/style.py
@@ -50,6 +50,42 @@ td {
 th {
     border: 1px solid #e0e0e0;
 }
+.callout {
+    --callout-color: 8, 109, 221;
+    --callout-icon: lucide-pencil;
+    display: block;
+    overflow: hidden;
+    border-style: solid;
+    border-color: rgba(var(--callout-color), 0.25);
+    border-width: 0px;
+    border-radius: 4px;
+    margin: 1em 0;
+    mix-blend-mode: darken;
+    background-color: rgba(var(--callout-color), 0.1);
+    padding: 12px 12px 12px 24px;
+}
+.callout[data-callout="info"] {
+    --callout-color: 8, 109, 221;
+    --callout-icon: lucide-info;
+}
+.callout[data-callout="tip"] {
+    --callout-color: 0, 191, 188;
+    --callout-icon: lucide-flame;
+}
+.callout-title {
+    padding: 0;
+    display: flex;
+    gap: 4px;
+    font-size: inherit;
+    color: rgb(var(--callout-color));
+    line-height: 1.3;
+    align-items: flex-start;
+    margin-bottom: 1em;
+}
+.callout-title-inner {
+    font-weight: 600;
+    color: inherit;
+}
 
 /* Following are styles generated by Pygments "tango" style */
 pre { line-height: 125%; }