/* Legacy pages use their existing typography; allow their names to wrap. */
.blog_page .blog_page_container h1,
.default_page .default_page_container h1,
.layout-wiki .wiki-article-title,
.default_page .wiki-article-title,
.blog_page .card-title,
.default_page .card-title,
.blog_page .card_title a,
.default_page .card_title a {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.blog_page .card_title a,
.default_page .card_title a {
    overflow: visible;
    text-overflow: clip;
}

.default_page .rainlab-forum > h4,
.default_page .rainlab-forum .forum-table h5,
.default_page .rainlab-forum .forum-table h5 a,
.default_page .rainlab-forum .root-channel th:first-child,
.default_page .rainlab-forum .forum-subchannel a,
.default_page .rainlab-forum .activity-column a {
    overflow-wrap: anywhere;
    white-space: normal;
}

/* Let the title determine the card height, including on narrow screens. */
.blog_page .tu-consumable-card {
    height: auto;
    min-height: auto;
}

.blog_page .tu-consumable-card > .card-body {
    min-width: 0;
}

.blog_page .tu-consumable-card__image {
    flex: 0 0 28%;
    max-width: 280px;
    min-height: 175px;
    background-position: center;
    background-size: cover;
}

@media (max-width: 767px) {
    .blog_page .tu-consumable-card__image {
        flex: none;
        width: 100%;
        max-width: none;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
}