.blog-grid .card__title,
.blog-grid .card__text,
.blog-post {
    overflow-wrap: anywhere;
}

.blog-post__cover {
    max-width: 850px;
    margin: 0 0 24px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: #17171e;
    overflow: hidden;
}

.blog-post__cover img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
}

.blog-post__body > p {
    white-space: pre-wrap;
}

.blog-post__body > p:last-child {
    margin-bottom: 0;
}

.blog-post__actions {
    margin-top: 24px;
}