.blog-listing{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}.blog-listing--3-col,.blog-listing--4-col{justify-content:flex-start}.blog-listing__heading{text-align:center;width:100%}.blog-listing__post{background-color:#f8fafc;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:2.8rem;padding:8px;width:100%}.blog-listing__post::hover{background-color:#f1f5f9}.blog-listing__post-inner-wrapper{background-color:hsla(0,0%,100%,.4);display:flex;height:100%}.blog-listing__post-image-wrapper{display:flex}.blog-listing__post-image{border-radius:8px;height:auto;width:100%}.blog-listing__post-content{display:flex;flex-direction:column;flex-grow:1;padding:.7rem 0 0}.card--dark .blog-listing__post-content,.card--light .blog-listing__post-content{padding:1.4rem}.blog-listing__header{margin-bottom:.5rem}.blog-listing__post-tags{margin-bottom:.8rem}.blog-listing__post-tags span{display:none}.blog-listing__post-tag,.blog-listing__post-tag:active,.blog-listing__post-tag:focus,.blog-listing__post-tag:hover{background-color:#dbeafe;border-radius:.25rem;color:#2563eb;font-size:.65rem;font-weight:600;line-height:1rem;padding:.5rem;text-decoration:none}.blog-listing__post-title{color:#163f69;font-size:1.2rem;font-weight:700;line-height:1}.blog-listing__post-summary{color:#475569;font-size:.9rem;line-height:1;margin-bottom:.7rem}.blog-listing__post-author{align-items:center;display:flex;margin-bottom:.7rem}.blog-listing__post-author-image{border-radius:100px;height:auto;margin-right:.7rem;width:50px}.blog-listing__post-author-name,.blog-listing__post-author-name:active,.blog-listing__post-author-name:focus,.blog-listing__post-author-name:hover{text-decoration:none}.blog-listing__post-timestamp{color:#94a3b8;display:block;font-size:.8rem;margin-bottom:.4rem}.blog-listing__post-button-wrapper{margin:10px 0}.blog-listing__post-button{background-color:#3b82f6;border-radius:100px;color:#fff;font-size:.8rem;line-height:1rem;padding:.5rem 1rem}.blog-listing--card .blog-listing__post{flex-direction:column}.blog-listing--2-col .blog-listing__post{width:calc(50% - 1rem)}.blog-listing--3-col .blog-listing__post{width:calc(33.3% - 1rem)}.blog-listing--4-col .blog-listing__post{width:calc(25% - 1rem)}.blog-listing--3-col .blog-listing__post:nth-of-type(3n+1),.blog-listing--3-col .blog-listing__post:nth-of-type(3n+2){margin-right:1.5rem}.blog-listing--4-col .blog-listing__post:nth-of-type(4n+1),.blog-listing--4-col .blog-listing__post:nth-of-type(4n+2),.blog-listing--4-col .blog-listing__post:nth-of-type(4n+3){margin-right:1.333rem}@media (max-width:767px){.blog-listing .blog-listing__post{margin-right:0!important;width:100%}}.blog-listing--card .blog-listing__post-image-wrapper{height:200px}.blog-listing--card .blog-listing__post-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.blog-listing--card .blog-listing__post-image,.blog-listing--card .blog-listing__post-image-wrapper{height:auto}}.blog-listing--list .blog-listing__post{display:flex}.blog-listing--list .blog-listing__post-image-wrapper{width:100%}.blog-listing--list .blog-listing__post-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.blog-listing--list .blog-listing__post-image,.blog-listing--list .blog-listing__post-image-wrapper{height:auto}}@media (min-width:768px){.blog-post-listing__post--list{flex-direction:row}.blog-listing__post-content--list,.blog-post-listing__post-image-wrapper--list{order:1}.blog-post-listing__post-image-wrapper--right{order:2}.blog-listing--list .blog-listing__post-image-wrapper{width:25%}.blog-listing--list .blog-post-listing__post-image-wrapper--left{margin-right:1.4rem}.blog-listing--list .blog-post-listing__post-image-wrapper--right{margin-left:1.4rem}}