/**
 * Minimal styling for callout boxes / tables / blockquotes emitted by the AI writer.
 * Scoped to .entry-content / .post-content so it doesn't leak to other areas.
 */
.entry-content .callout-tip,
.entry-content .callout-warning,
.entry-content .callout-fact,
.post-content .callout-tip,
.post-content .callout-warning,
.post-content .callout-fact {
    margin: 18px 0;
    padding: 14px 18px;
    border-left: 5px solid #2271b1;
    background: #f0f6fc;
    border-radius: 4px;
    line-height: 1.6;
}
.entry-content .callout-warning,
.post-content .callout-warning {
    border-left-color: #d63638;
    background: #fcf0f1;
}
.entry-content .callout-fact,
.post-content .callout-fact {
    border-left-color: #dba617;
    background: #fcf9e8;
}

.entry-content .callout-tip strong:first-child,
.entry-content .callout-warning strong:first-child,
.entry-content .callout-fact strong:first-child,
.post-content .callout-tip strong:first-child,
.post-content .callout-warning strong:first-child,
.post-content .callout-fact strong:first-child {
    display: inline-block;
    margin-right: 6px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 0.85em;
}