/* Frames and captions distinguish help screenshots from the page's controls. */
.help-content .pdf-help-screenshot {
    width: fit-content;
    max-width: 100%;
    margin: 20px 0 28px;
    padding: 12px;
    border: 1px solid #D4DCD1;
    border-radius: 12px;
    background: #F6F3EE;
    box-shadow: 0 8px 20px rgb(47 59 47 / 12%), 0 2px 5px rgb(47 59 47 / 5%);
}

.pdf-help-screenshot > a {
    display: block;
    border-radius: 6px;
}

.pdf-help-screenshot .help-img-wide {
    display: block;
    margin: 0;
    border: 1px solid #E8E0D5;
    border-radius: 6px;
    background: #fff;
}

.help-content .pdf-help-screenshot figcaption {
    margin-top: 12px;
    padding: 0 4px;
    color: #4A5F4A;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .help-content .pdf-help-screenshot {
        padding: 8px;
    }
}