/*
 * Visual landing editor helpers.
 * The marker around editable text must be completely style-neutral while the
 * page is viewed normally.  The legacy landing CSS contains many rules such
 * as `.section-title span` and `.features2_item span`; without the resets
 * below those rules would accidentally restyle the editor's technical span.
 */
.landing-edit-text {
    display: contents !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    text-transform: inherit !important;
    text-align: inherit !important;
    text-decoration: inherit !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Only in edit mode does the helper get its own inline editing box. */
body.landing-edit-mode .landing-edit-text {
    display: inline !important;
    cursor: text;
    outline: 1px dashed rgba(21,115,255,.5);
    outline-offset: 2px;
    border-radius: 3px;
    min-width: .15em;
}
body.landing-edit-mode .landing-edit-text:hover,
body.landing-edit-mode .landing-edit-text:focus {
    outline: 2px solid #1573ff;
    background: rgba(21,115,255,.08);
}
body.landing-edit-mode [data-landing-attr-key] {
    outline: 2px dashed #7c3aed !important;
    outline-offset: 2px;
    cursor: pointer !important;
}
body.landing-edit-mode a,
body.landing-edit-mode button,
body.landing-edit-mode input[type="button"],
body.landing-edit-mode input[type="submit"] {
    cursor: pointer;
}