/* ============================================================
   wiki-article-callouts.css — Выноски note / tip / warning (:::media — в wiki-article-media.css)
   ============================================================ */

/* ---------- Callouts (note / tip / warning) ---------- */
.article-callout {
    display: flex;
    gap: var(--space-3);
    margin-block: var(--space-5);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--border);
    border-left-width: 3px;
    border-radius: var(--r-md);
    background: var(--surface-2);
}

.article-callout__icon {
    flex-shrink: 0;
    font-size: var(--fs-lg);
    line-height: var(--lh-snug);
}

.article-callout__body {
    min-width: 0;
}

.article-callout__title {
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: var(--fs-sm);
    margin: 0 0 var(--space-1);
    max-width: none;
}

.article-callout__body > :last-child {
    margin-bottom: 0;
}

.article-callout--note {
    border-left-color: var(--accent);
}

.article-callout--note .article-callout__title {
    color: var(--accent);
}

.article-callout--tip {
    border-left-color: var(--success);
}

.article-callout--tip .article-callout__title {
    color: var(--success);
}

.article-callout--warning {
    border-left-color: var(--danger);
}

.article-callout--warning .article-callout__title {
    color: var(--danger);
}