.full_art,.full_txt{height:auto;max-width:1080px;width:100%;margin:.5em auto 0;padding:.5em}.full_art h2,.full_txt h2{width:100%;margin-bottom:.5em;padding:0 .5em;text-align:center;font-size:clamp(1rem,5vw,1.5rem);font-size:clamp(1rem,5svw,1.5rem)}.full_art h2+div,.full_txt h2+div{width:100%;height:auto}.full_txt>div>section h4{height:auto;width:100%;font-size:1.3em}.full_img{height:180px}.full_art h2+div,.full_img,article+p{text-align:center}

.full_img a {
    display: inline-block;
    width: 300px;
    height: 170px;
    border-radius: 1em;
    position: relative; /* Обязательно для позиционирования псевдоэлемента */
    overflow: hidden;    /* Чтобы уголок не вылезал за скругление */
    vertical-align: top;
}

/* Картинка и picture */
.full_img a > picture,
.full_img a > picture > img {
    display: block; /* Убираем лишние отступы снизу */
    width: 300px;
    height: 170px;
    object-fit: cover; /* Чтобы фото не искажалось при 300x170 */
    border-radius: 1em;
}


/* Красный уголок ПОВЕРХ картинки */
.full_img a::after {
    content: "";
    position: absolute;
    z-index: 2; /* Поднимаем над картинкой */
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* Увеличил % градиента, чтобы 5px были заметнее */
    background: linear-gradient(to top left, #df232b 5px, transparent 12%);
    
    border-radius: 1em; /* Повторяем скругление */
    pointer-events: none; /* Пропускает клики к ссылке */
}

/* Рамка */
.full_img > a > picture > img,
.full_art > div > a > picture > img {
    border: 1px solid rgba(0,0,0,.2);
}

.full_img>a,.full_art>div>a{margin:.25em;border:none;line-height:0;overflow:hidden;border-radius:1em;display:inline-block;transition:1s}

.full_art h2+div>a,.full_art h2+div>a>picture,.full_art h2+div>a>picture>img{max-width:600px;height:auto}
.full_art>div>a>picture>img,.full_txt>div img{aspect-ratio:600/300}

.full_txt>div>picture{margin-bottom:1em;display:flex;justify-content:center}

.full_art>div>a>picture>img,.full_txt>div>picture>img,.full_txt>div img{width:100%;max-width:600px;height:auto;border-radius:1em}.full_txt>div>picture>img{aspect-ratio:600/400}.full_txt>div section>img{display:block;margin:1em auto}

.full_art>div a:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4);transition:.2s}
.full_art>div a:active{transform: translateY(2px);box-shadow:0 5px 10px rgba(0,0,0,.1);transition:.2s}
.full_img>a>picture>img:hover,.full_art>div a:active,.full_art>div>a>picture>img:hover,.full_art>div>a>picture>img:active{border:1px solid rgba(0,0,0,.1)}

.full_text{width:100%;height:auto;margin:.3em auto 0;padding:1em 1.5em 1.5em;background-color:#e6e7e8;border-radius:1em;text-align:left}.it{font-style:italic;text-align:right}.full_text+p{width:95%;text-align:left;padding-left:3%}.full_text+p span{display:none}article>p{text-indent:0;padding-left:3%}article+p{width:100%;margin-top:1em}

.str{text-align:center!important;padding:0!important;font-size:1.4rem}.str>a{font-size:1.3rem}.str+h4{width:100%;height:auto;margin:1em auto -.5em;text-align:center}