/*
 * FieldBook Agents — front-end styles for content published by the
 * pipeline. Targets only classes the pipeline emits (.fb-figure,
 * .fb-diagram), so existing site styles are not affected.
 */

.fb-figure {
    margin: 1.5rem auto;
    max-width: 100%;
    text-align: center;
}

.fb-figure img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 4px;
}

.fb-figure figcaption {
    margin-top: 0.4rem;
    font-size: 0.78rem;
    line-height: 1.35;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.fb-diagram {
    margin: 1.75rem auto;
    max-width: 100%;
}

.fb-diagram svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}