.page-content .blog-card{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid #8882;border-radius:7px;color:inherit;text-decoration:none;transition:background .15s}
.page-content .blog-card:hover{color:inherit;background:#8881}
.blog-card:focus-visible{outline:2px solid #728dd7;outline-offset:3px}
.blog-thumbnail{width:168px;aspect-ratio:16/9;flex:0 0 168px;overflow:hidden;border-radius:7px;background:#edf1f7;display:flex;align-items:center;justify-content:center}
.blog-thumbnail img{width:100%;height:100%;object-fit:cover;margin:0}
.blog-thumbnail.logo{background:#fff;box-shadow:inset 0 0 0 1px #e9e9e9}
.blog-thumbnail.logo img{width:84%;height:82%;object-fit:contain}
.blog-card-copy{min-width:0}
.page-content .blog-card h3{font-size:17px;font-weight:500;line-height:1.5;margin:0}
.page-content .blog-card p{font-size:13px;line-height:1.6;color:#767676;margin:6px 0}
.blog-action{font-size:12px;color:#767676}
[data-theme=dark] .blog-card p,[data-theme=dark] .blog-action{color:#aaa}
@media(max-width:520px){.page-content .blog-card{gap:14px}.blog-thumbnail{width:112px;flex-basis:112px}.page-content .blog-card h3{font-size:14px}.page-content .blog-card p{font-size:12px}}
/* Match the teaching cards: 94.5px thumbnail plus 15px vertical padding. */
.page-content .blog-card{box-sizing:border-box;min-height:125.5px}
.page-content .blog-card h3{border-bottom:0;padding-bottom:0}
.page-content .blog-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:4px 0;line-height:1.5}
@media(max-width:520px){.page-content .blog-card{min-height:94px}.page-content .blog-card p{display:none}}