.ss_date {
    font-size: 12px; 
    margin-bottom: 20px;
    color: rgba(0,0,0,0.6)!important;   
}
.ss_description { margin-top: 20px }
.ss_description > p > img {
    max-width: 100%;
}
.news-feed-psq-container img {
    display: block;
    max-width: 100% !important;
    margin: 0 auto;
}

/* mimicking styles from psq post page */
img.fr-space-around-image, .fr-view img.fr-space-around-image {
		margin: 20px !important;
}
img.fr-framed-image, .fr-view img.fr-framed-image {
    border: 5px solid #dddddd;
    box-shadow: #222222 0px 10px 10px -10px;
    padding: 0;
}
img.fr-rounded-image, .fr-view img.fr-rounded-image {
    border-radius: 50%;
}
.tbl-rsp-right-column {
    padding-left: 8px;
}
.tbl-rsp-left-column {
    padding-right: 8px;
}
.smart_site_item .two-col {
    display: flex;
}
/* end of mimicking styles from psq post page */

/*
 * Studio newsletters put unbroken URLs in email tables. overflow-wrap: break-word
 * does not shrink a cell's min-content width, so the table grows past
 * .s_blocks_container (overflow: hidden) and the right side is clipped.
 * anywhere on the link shrinks that minimum, so the URL wraps inside the 800px
 * column. It is not set on td or th: that would also shrink ordinary words and
 * break them in a narrow column. !important beats the newsletter's own
 * break-word. max-width on the table does not shrink min-content, so it is not
 * used. Keep in sync with webroot/sass/components/_single-psq-post.scss.
 */
.ss_description .studio-editor-outer a,
.ss_description .s_blocks_container a {
    overflow-wrap: anywhere !important;
}