#results {
    padding-left: calc(.01*100vw);
    @media only screen and (max-width: 349px) {
        font-size: calc(15px*var(--results_text_fraction_for_under_350px_wide_screens));
        margin-top: calc(25px*var(--results_text_fraction_for_under_350px_wide_screens));
        margin-bottom: calc(5px*var(--results_text_fraction_for_under_350px_wide_screens));
    }
    @media only screen and (min-width: 350px) and (max-width: 575px) {
        font-size: calc(15px*var(--results_text_fraction_for_350px_through_576px_wide_screens));
        margin-top: calc(25px*var(--results_text_fraction_for_350px_through_576px_wide_screens));
        margin-bottom: calc(5px*var(--results_text_fraction_for_350px_through_576px_wide_screens));
    }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
        font-size: calc(15px*var(--results_text_fraction_for_576px_through_767px_wide_screens));
        margin-top: calc(25px*var(--results_text_fraction_for_576px_through_767px_wide_screens));
        margin-bottom: calc(5px*var(--results_text_fraction_for_576px_through_767px_wide_screens));
    }
    @media only screen and (min-width: 768px) {
        font-size: 15px;
        margin-top: 25px;
        margin-bottom: 5px;
    }
}

[inside_modal="false"] {
    div {
        display: flex;
    }

    div, span, img, video {
        pointer-events: none;
    }

    img:not(:last-child), video:not(:last-child) {
        margin-right: calc(.01*100vw);     /* video tag has no default padding, use margin instead of padding so the gap is not part of background-color or background-image */
    }
    /*
    use this line if want the whole article to be clickable, not the title
    span, div {
        pointer-events: none;
    }
    */
    /* .playlistitem_names_spacer {
    }
    .playlistitem_name {
        font-size: 1px;
    } */
    video {
        object-fit: cover;     /* needed to get poster size and src size to match exactly */
        background-size: cover;
        background-position: center;
        width: 59vw;
        flex-shrink: 0;
    }
}

.text_preview {
    @media only screen and (max-width: 575px) {
        display: none;
    }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
        display: none;
        /* display: inline;
        font-size: calc(15px*.7); */
    }
    @media only screen and (min-width: 768px) {
        display: none;
        /* display: inline;
        font-size: 15px; */
    }
}