/* v1.16.2: Real image thumbnails replace pictogram marks in blog selectors.
   The image is decorative: the adjacent accessible text remains the link label. */
.nra-blog-page .blog-topic-card,
.nra-blog-page .blog-category-card{
 display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center;
 column-gap:14px; padding:12px; position:relative;
}
.nra-blog-page .blog-topic-card{min-height:148px}
.nra-blog-page .blog-category-card{min-height:116px}
.nra-blog-page .blog-topic-photo,
.nra-blog-page .blog-category-photo{
 display:block; overflow:hidden; border-radius:4px; aspect-ratio:4/3;
 width:112px; background:#FFFFFF; grid-column:1; grid-row:1;
}
.nra-blog-page .blog-topic-photo img,
.nra-blog-page .blog-category-photo img{
 display:block; width:100%; height:100%; object-fit:cover;
}
.nra-blog-page .blog-topic-copy,
.nra-blog-page .blog-category-copy{grid-column:2;grid-row:1;min-width:0;padding-right:13px}
.nra-blog-page .blog-topic-number{
 position:absolute; z-index:1; top:7px;left:7px;
 width:31px; height:31px; min-width:31px;
 box-shadow:0 2px 9px rgba(30,41,59,.15);
}
.nra-blog-page .blog-topic-chevron{position:absolute;right:8px;bottom:7px;font-size:24px}
.nra-blog-page .blog-topic-title,.nra-blog-page .blog-category-copy strong{font-size:14px;line-height:1.48}
.nra-blog-page .blog-topic-sub,.nra-blog-page .blog-category-copy small{font-size:11px;line-height:1.58}
.nra-blog-page .blog-topic-card.is-pending,.nra-blog-page .blog-category-card.is-pending{opacity:.85}
@media(max-width:1100px){
 .nra-blog-page .blog-topic-card,.nra-blog-page .blog-category-card{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:11px}
 .nra-blog-page .blog-topic-photo,.nra-blog-page .blog-category-photo{width:90px}
 .nra-blog-page .blog-topic-title,.nra-blog-page .blog-category-copy strong{font-size:13px}
}
@media(max-width:600px){
 .nra-blog-page .blog-topic-card,.nra-blog-page .blog-category-card{grid-template-columns:110px minmax(0,1fr);padding:12px;gap:14px}
 .nra-blog-page .blog-topic-photo,.nra-blog-page .blog-category-photo{width:110px}
 .nra-blog-page .blog-topic-title,.nra-blog-page .blog-category-copy strong{font-size:15px}
 .nra-blog-page .blog-topic-sub,.nra-blog-page .blog-category-copy small{font-size:12px}
}
@media(max-width:375px){
 .nra-blog-page .blog-topic-card,.nra-blog-page .blog-category-card{grid-template-columns:88px minmax(0,1fr);gap:10px}
 .nra-blog-page .blog-topic-photo,.nra-blog-page .blog-category-photo{width:88px}
}