article img, article table, article pre {
    max-width: 100% !important;
    height: auto !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporcje 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin-bottom: 20px;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* TEST: Jeśli to zadziała, zobaczysz czerwoną kropkę/obramowanie */
aside img {
    filter: invert(1) !important;
}

/* Tło panelu bocznego we Flexie */
aside {
    background-color: #2c3e50 !important;
}

/* Naprawa kolorów tekstu w panelu */
aside a, aside h1, aside p {
    color: #ffffff !important;
}