/* Mega Engine — l'anteprima «che cosa sorvegliamo», per chi non ha un account.
   Si carica solo su Sorveglia Pagine Web: vedi Shortcodes::render(). */
.me-cprev__title { margin: 0 0 .25rem; }
.me-cprev__page { margin: 0 0 .75rem; opacity: .75; font-size: .95em; }
.me-cprev__lead { margin: .75rem 0 .35rem; font-weight: 600; }
.me-cprev__lines {
    margin: 0 0 .5rem; padding: .6rem .6rem .6rem 2rem;
    border: 1px solid rgba(127, 127, 127, .3); border-radius: 8px;
    background: rgba(127, 127, 127, .06);
    font-size: .92em; line-height: 1.45;
    /* Il testo della pagina altrui va letto come testo, non ricomposto:
       una riga lunga si taglia con l'ellissi lato server. */
    overflow-wrap: anywhere;
}
.me-cprev__line { margin: .15rem 0; }
.me-cprev__line--head { font-weight: 700; }
.me-cprev__note { margin: .5rem 0; padding: .55rem .7rem; border-radius: 8px; border-left: 4px solid currentColor; }
.me-cprev__note--ok { color: #1a7f37; background: rgba(26, 127, 55, .08); }
.me-cprev__note--warn { color: #9a6700; background: rgba(154, 103, 0, .09); }
.me-cprev__note--bad { color: #b3261e; background: rgba(179, 38, 30, .08); }
.me-cprev__note--neutral { color: inherit; background: rgba(127, 127, 127, .08); }
.me-cprev__cta { margin-top: 1rem; }
.me-cprev__cta-text { margin: 0 0 .6rem; }
@media (max-width: 560px) {
    .me-cprev__lines { padding-left: 1.6rem; font-size: .88em; }
}
