/*
 * ATLANTIC IMAGE DEFENSE — v1.15.4.19.35.451.367
 * Visual identity monitoring page: section eyebrows ("Atlantic visual
 * identity monitoring", "Who it is for", "More than image search", …) are led
 * by a round dot, as on the home page, instead of a short rule.
 */
body.aid-visual-monitoring-page .avm-eyebrow,
body.aid-visual-monitoring-page .avm-section-heading > span { gap: 12px; }
body.aid-visual-monitoring-page .avm-eyebrow::before,
body.aid-visual-monitoring-page .avm-section-heading > span::before {
    content: "" !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    margin-left: 5px;
    border: 0;
    background: #76ddd9 !important;
    box-shadow: 0 0 0 5px rgba(118, 221, 217, .12);
}
/* The site's square-corner rule lives in the "aid-refine" layer: the dot is
 * declared round in the same layer, with a more specific selector. */
@layer aid-refine {
    body.aid-context-public.aid-visual-monitoring-page .avm-eyebrow::before,
    body.aid-context-public.aid-visual-monitoring-page .avm-section-heading > span::before { border-radius: 50% !important; }
}

/* Long eyebrows (French, German…) wrap on narrow screens instead of widening
 * their column: the eyebrow becomes an inline block and the dot an inline
 * element on its first line. */
@media (max-width: 767.98px) {
    body.aid-visual-monitoring-page .avm-eyebrow,
    body.aid-visual-monitoring-page .avm-section-heading > span {
        display: inline-block !important;
        max-width: 100%;
        white-space: normal;
    }
    body.aid-visual-monitoring-page .avm-eyebrow::before,
    body.aid-visual-monitoring-page .avm-section-heading > span::before {
        display: inline-block !important;
        margin: 0 12px 0 5px;
        vertical-align: .12em;
    }
}

/* "More than image search": the text column could grow about 17 px past the
 * page margin on phones (long French and Spanish eyebrow); it now keeps to
 * its column. */
body.aid-visual-monitoring-page .avm-value-copy > * { min-width: 0; max-width: 100%; }
@media (max-width: 767.98px) {
    /* v451.368: one column on phones only (two columns are kept on larger screens). */
    body.aid-visual-monitoring-page .avm-value-copy { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}