/*
 * Ochrona layoutu treści blogowych. Celowo nie ustawia kolorów, fontów ani
 * wyglądu kart. Zapobiega wyłącznie wychodzeniu mediów poza kontener wpisu.
 */
#text-to-read,
.post__intro {
    min-width: 0;
    overflow-wrap: anywhere;
}

#text-to-read img,
.post__intro img,
#text-to-read picture,
.post__intro picture,
#text-to-read svg,
.post__intro svg,
#text-to-read video,
.post__intro video,
#text-to-read canvas,
.post__intro canvas {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}

#text-to-read figure,
.post__intro figure {
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
}

#text-to-read figure > img,
.post__intro figure > img,
#text-to-read picture > img,
.post__intro picture > img {
    display: block;
}

#text-to-read figcaption,
.post__intro figcaption {
    max-width: 100%;
    overflow-wrap: anywhere;
}

#text-to-read iframe,
.post__intro iframe,
#text-to-read embed,
.post__intro embed,
#text-to-read object,
.post__intro object {
    max-width: 100% !important;
    box-sizing: border-box;
}

#text-to-read .seo-content-table,
.post__intro .seo-content-table,
#text-to-read table,
.post__intro table {
    max-width: 100%;
}

@media (max-width: 768px) {
    #text-to-read,
    .post__intro {
        width: 100%;
    }

    #text-to-read img,
    .post__intro img {
        max-width: 100% !important;
        height: auto !important;
    }
}