.reference-public .tj_recent_posts>ul>li{display:flex;align-items:flex-start;gap:14px;min-height:68px;margin-bottom:16px}
.reference-public .tj_recent_posts>ul>li:last-child{margin-bottom:0}
.reference-public .tj_recent_posts .post-thumb{flex:0 0 88px;width:88px;height:66px;overflow:hidden;border-radius:9px;margin:0}
.reference-public .tj_recent_posts .post-thumb a,.reference-public .tj_recent_posts .post-thumb img{display:block;width:100%;height:100%}
.reference-public .tj_recent_posts .post-thumb img{object-fit:cover;object-position:center}
.reference-public .tj_recent_posts .post-thumb img[src*="nutrition-card-"]{object-position:50% 47.3%}
.reference-public .tj_recent_posts .post-content{flex:1;min-width:0}
.reference-public .tj_recent_posts .post-content .post-title{font-size:16px;line-height:1.35;margin:0 0 6px;text-transform:none}
.reference-public .tj_recent_posts .post-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35;max-height:2.7em}
.reference-public .tj_recent_posts .post-content .post-meta{font-size:13px;line-height:1.4;margin:0}
.reference-public .post-meta-summary .post-view-count{display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:1.5;color:#52657d;margin-top:6px}
.reference-public .news-grid .news-card .blog-meta-item.date{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.reference-public .news-grid .blog-view-count{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#52657d;margin-inline-start:3px}
/* A tall sidebar must scroll with the page so its third related article remains reachable. */
.reference-public .tj-blog-section .tj_wpost_sidebar{position:static;top:auto}

/* Related titles align with the thumbnail instead of inheriting app block spacing. */
:is(body.reference-public,.ref-shell) .tj_wpost_widget.tj_recent_posts{padding:24px}
:is(body.reference-public,.ref-shell) .tj_recent_posts>.widget_title{margin:0 0 18px;line-height:1.3}
.reference-public .tj_recent_posts .post-content,
body.cc-app.has-sidebar main.container .ref-shell .tj_recent_posts .post-content{margin:0;padding:0;align-self:flex-start}
@media(max-width:575px){:is(body.reference-public,.ref-shell) .tj_wpost_widget.tj_recent_posts{padding:20px}}