.fullstory-text div {
    padding-bottom: 1rem;
}

.fullstory-text h2 {
    font-size: 1.8rem;
    color: hsl(var(--legion-gold));
    font-weight: 600;
}
.fullstory-text h3 {
    font-size: 1.5rem;
    color: hsl(var(--legion-gold));
    font-weight: 600;
}
.fullstory-text h4 {
    font-size: 1.3rem;
    color: hsl(var(--legion-gold));
    font-weight: 600;
}



.quote, blockquote {
    padding: 1% 4%;
    border-left: 2px solid hsl(var(--legion-gold));
}

.fullstory-text img {
    /* Базовые размеры */
    max-width: 640px;
    max-height: 80vh;
    width: 100%;
    height: auto;
    
    /* Object-fit для корректного масштабирования */
    object-fit: cover;
    object-position: center;
    
    /* Отступы и рамка */
    margin: 20px 20px 20px 0;
    border: 2px solid hsl(var(--legion-gold));
    border-radius: 4px; /* Добавляем легкое скругление */
    
    /* Фильтры для эффекта глянцевого журнала */
    filter: brightness(0.95) contrast(1.1) saturate(1.05);
    
    /* Плавные переходы при наведении */
    transition: filter 0.3s ease, transform 0.3s ease;
}

/* Дополнительные эффекты при наведении */
.fullstory-text img:hover {
    filter: brightness(0.98) contrast(1.15) saturate(1.1);
    transform: scale(1.02);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .fullstory-text img {
        max-width: 100%;
        max-height: 60vh;
    }
}

/* Дополнительные улучшения для качества отображения */
.fullstory-text img {
    image-rendering: -webkit-optimize-contrast; /* Для четкости на ретина */
    image-rendering: crisp-edges;
    backface-visibility: hidden; /* Устранение артефактов при анимациях */
}