/* Додаткові стилі для оптимізації контенту статті на мобільних пристроях */

/* Оптимізація зображень у контенті статті */
@media (max-width: 768px) {
    /* Зображення заголовка статті */
    .library-post-image {
        max-height: 250px !important;
        object-fit: cover !important;
    }
    
    /* Зображення всередині контенту статті */
    .library-post-content-text img {
        max-width: 100% !important;
        height: auto !important;
        margin: 10px 0 !important;
    }
    
    /* Стилі для тексту всередині контенту */
    .library-post-content-text p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 15px !important;
    }
    
    .library-post-content-text h2 {
        font-size: 1.6rem !important;
        margin-top: 25px !important;
        margin-bottom: 15px !important;
    }
    
    .library-post-content-text h3 {
        font-size: 1.4rem !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }
    
    .library-post-content-text h4 {
        font-size: 1.2rem !important;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
    
    /* Стилі для списків */
    .library-post-content-text ul,
    .library-post-content-text ol {
        padding-left: 20px !important;
        margin-bottom: 15px !important;
    }
    
    .library-post-content-text li {
        margin-bottom: 8px !important;
    }
    
    /* Стилі для таблиць */
    .library-post-content-text table {
        width: 100% !important;
        margin: 15px 0 !important;
        font-size: 0.9rem !important;
        overflow-x: auto !important;
        display: block !important;
    }
    
    /* Стилі для цитат */
    .library-post-content-text blockquote {
        margin: 15px 0 !important;
        padding: 10px 15px !important;
        font-size: 0.95rem !important;
    }
}

/* Додаткові стилі для дуже малих екранів */
@media (max-width: 480px) {
    /* Зображення заголовка статті */
    .library-post-image {
        max-height: 200px !important;
    }
    
    /* Стилі для тексту всередині контенту */
    .library-post-content-text p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }
    
    .library-post-content-text h2 {
        font-size: 1.4rem !important;
    }
    
    .library-post-content-text h3 {
        font-size: 1.2rem !important;
    }
    
    .library-post-content-text h4 {
        font-size: 1.1rem !important;
    }
}

/* Стилі для найменших екранів */
@media (max-width: 375px) {
    /* Зображення заголовка статті */
    .library-post-image {
        max-height: 180px !important;
    }
    
    /* Стилі для тексту всередині контенту */
    .library-post-content-text p {
        font-size: 0.9rem !important;
    }
    
    .library-post-content-text h2 {
        font-size: 1.3rem !important;
    }
    
    .library-post-content-text h3 {
        font-size: 1.1rem !important;
    }
    
    .library-post-content-text h4 {
        font-size: 1rem !important;
    }
    
    /* Стилі для списків */
    .library-post-content-text ul,
    .library-post-content-text ol {
        padding-left: 15px !important;
    }
}